Compare commits
No commits in common. "main" and "fix/deliverables" have entirely different histories.
main
...
fix/delive
@ -219,8 +219,14 @@ export default function Reader() {
|
|||||||
<Link href="/creator" >
|
<Link href="/creator" >
|
||||||
<div className="flex items-center text-white">
|
<div className="flex items-center text-white">
|
||||||
|
|
||||||
|
<Image
|
||||||
<span className="text-xl font-semibold">DPE</span>
|
src="/images/logo2.png"
|
||||||
|
alt="Wodey"
|
||||||
|
width={60}
|
||||||
|
height={60}
|
||||||
|
className="mr-2"
|
||||||
|
/>
|
||||||
|
<span className="text-xl font-semibold">Wodey</span>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
@ -228,7 +234,7 @@ export default function Reader() {
|
|||||||
<div className="absolute left-1/2 transform -translate-x-1/2">
|
<div className="absolute left-1/2 transform -translate-x-1/2">
|
||||||
<Image
|
<Image
|
||||||
src="/images/brutal.png"
|
src="/images/brutal.png"
|
||||||
alt="DPE"
|
alt="Wodey"
|
||||||
width={91}
|
width={91}
|
||||||
height={55}
|
height={55}
|
||||||
className="mr-2"
|
className="mr-2"
|
||||||
|
|||||||
@ -22,8 +22,7 @@ function layout({ children }: Props) {
|
|||||||
{/* NavBar */}
|
{/* NavBar */}
|
||||||
<div className='w-full h-[80px] top-0 z-10 flex items-center align-middle bg-white shadow-md justify-between px-3 md:px-5'>
|
<div className='w-full h-[80px] top-0 z-10 flex items-center align-middle bg-white shadow-md justify-between px-3 md:px-5'>
|
||||||
<div className='w-full md:w-[60%] flex flex-wrap md:flex-nowrap items-center align-middle justify-between gap-2'>
|
<div className='w-full md:w-[60%] flex flex-wrap md:flex-nowrap items-center align-middle justify-between gap-2'>
|
||||||
<h1>DPE</h1>
|
<Image src="/images/logo.png" alt="logo" width={100} height={100} className='w-[100px] md:w-[116px] h-[45px] md:h-[53px]' />
|
||||||
<h1></h1>
|
|
||||||
<div className='hidden md:flex items-center gap-4'>
|
<div className='hidden md:flex items-center gap-4'>
|
||||||
<Link href="#" className='text-black hover:text-gray-600'>Home</Link>
|
<Link href="#" className='text-black hover:text-gray-600'>Home</Link>
|
||||||
<Link href="#" className='text-black hover:text-gray-600'>View</Link>
|
<Link href="#" className='text-black hover:text-gray-600'>View</Link>
|
||||||
|
|||||||
@ -8,22 +8,22 @@ import remarkGfm from "remark-gfm";
|
|||||||
|
|
||||||
const ReadmePage = () => {
|
const ReadmePage = () => {
|
||||||
const readmeContent = `
|
const readmeContent = `
|
||||||
## 📘 Project DPE Deliverables Overview
|
## 📘 WODEY Deliverables Overview
|
||||||
|
|
||||||
Welcome to your Project DPE UI/UX design package. This page provides everything your team needs to understand, preview, and implement the design assets developed for the Project DPE Publishing Ecosystem.
|
Welcome to your WODEY UI/UX design package. This page provides everything your team needs to understand, preview, and implement the design assets developed for the WODEY Publishing Ecosystem.
|
||||||
|
|
||||||
## 📂 What’s Included
|
## 📂 What’s Included
|
||||||
|
|
||||||
Your deliverables include high-fidelity UI mockups, design system components, and documentation that collectively represent the full user journey across all major touchpoints within the Project DPE Prototype.
|
Your deliverables include high-fidelity UI mockups, design system components, and documentation that collectively represent the full user journey across all major touchpoints within the WODEY Prototype.
|
||||||
|
|
||||||
| Section | Description |
|
| Section | Description |
|
||||||
| --------------------- | ------------------------------------------------------------------------------------------------------- |
|
| --------------------- | ------------------------------------------------------------------------------------------------------- |
|
||||||
| 01_Homepage | The landing experience for www.Project DPE.books including hero sections, genre browsing, and ebook discovery |
|
| 01_Homepage | The landing experience for www.wodey.books including hero sections, genre browsing, and ebook discovery |
|
||||||
| 02_Author Studio | UI for authors to create, edit, preview, and publish multimedia ebooks |
|
| 02_Author Studio | UI for authors to create, edit, preview, and publish multimedia ebooks |
|
||||||
| 03_Reader App | Reader-facing immersive interface with scroll & flip view modes |
|
| 03_Reader App | Reader-facing immersive interface with scroll & flip view modes |
|
||||||
| 04_Artist Marketplace | Asset browsing, upload flow, and commission request screens |
|
| 04_Artist Marketplace | Asset browsing, upload flow, and commission request screens |
|
||||||
| 05_Advertiser Portal | Campaign setup, keyword targeting, and performance dashboards |
|
| 05_Advertiser Portal | Campaign setup, keyword targeting, and performance dashboards |
|
||||||
| 06_Project DPE_Wallet | Revenue dashboard tracking ebook sales and ad earnings |
|
| 06_WODEY_Wallet | Revenue dashboard tracking ebook sales and ad earnings |
|
||||||
| 07_Design System | Colors, typography, button states, spacing, and reusable components |
|
| 07_Design System | Colors, typography, button states, spacing, and reusable components |
|
||||||
| 08_Prototype_Flow | Clickable user journey demo |
|
| 08_Prototype_Flow | Clickable user journey demo |
|
||||||
|
|
||||||
@ -35,14 +35,11 @@ Download Assets: Use the "Download All Mockups" button to access the .zip file
|
|||||||
|
|
||||||
## 🔗 How to Access Your Deliverables
|
## 🔗 How to Access Your Deliverables
|
||||||
|
|
||||||
[Your Interactive Project DPE Prototype](https://woedii.yoursoftwareengineers.com)
|
[Your Interactive WODEY Prototype](https://woedii.yoursoftwareengineers.com)
|
||||||
|
|
||||||
[View Your High-fidelity UI Mockups & Design System Components. Click the Download Icon to Save All Images to Your Device.](https://woedii.yoursoftwareengineers.com/slider)
|
[View Your High-fidelity UI Mockups & Design System Components. Click the Download Icon to Save All Images to Your Device.](https://woedii.yoursoftwareengineers.com/slider)
|
||||||
|
|
||||||
[Project DPE Competitive Analysis](https://woedii.yoursoftwareengineers.com/deliverables/swot)
|
[WODEY Competitive Analysis](https://woedii.yoursoftwareengineers.com/deliverables/swot)
|
||||||
|
|
||||||
[Access the prototype codebase on gitea](http://35.207.46.142/Project DPE/woedii)
|
|
||||||
|
|
||||||
## 🤝 Support
|
## 🤝 Support
|
||||||
|
|
||||||
If you need help integrating these designs into code or want to schedule a handoff session, please contact us at [info@yoursoftwareengineers.com](mailto:info@yoursoftwareengineers.com)`;
|
If you need help integrating these designs into code or want to schedule a handoff session, please contact us at [info@yoursoftwareengineers.com](mailto:info@yoursoftwareengineers.com)`;
|
||||||
|
|||||||
@ -21,17 +21,17 @@ export default function SwotAnalysisPage() {
|
|||||||
← Back to Documentation
|
← Back to Documentation
|
||||||
</Button>
|
</Button>
|
||||||
</Link>
|
</Link>
|
||||||
<h1 className="text-3xl font-bold mb-2">Project DPE SWOT Analysis</h1>
|
<h1 className="text-3xl font-bold mb-2">WODEY SWOT Analysis</h1>
|
||||||
<p className="text-gray-600 mb-6">
|
<p className="text-gray-600 mb-6">
|
||||||
An in-depth analysis of Strengths, Weaknesses, Opportunities, and
|
An in-depth analysis of Strengths, Weaknesses, Opportunities, and
|
||||||
Threats for the Project DPE platform.
|
Threats for the WODEY platform.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex justify-end mb-4">
|
<div className="flex justify-end mb-4">
|
||||||
<a
|
<a
|
||||||
href="/docs/SWOT-Analysis.pdf"
|
href="/docs/SWOT-Analysis.pdf"
|
||||||
download="Project DPE-SWOT-Analysis.pdf"
|
download="WODEY-SWOT-Analysis.pdf"
|
||||||
className="flex items-center gap-2 bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded shadow-md"
|
className="flex items-center gap-2 bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded shadow-md"
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
@ -55,7 +55,7 @@ export default function SwotAnalysisPage() {
|
|||||||
{isClient ? (
|
{isClient ? (
|
||||||
<div className="w-full h-[calc(100vh-200px)] rounded-lg overflow-hidden">
|
<div className="w-full h-[calc(100vh-200px)] rounded-lg overflow-hidden">
|
||||||
<Image
|
<Image
|
||||||
src="/Project DPE-SWOT-Analysis.jpg"
|
src="/WODEY-SWOT-Analysis.jpg"
|
||||||
alt="SWOT Analysis"
|
alt="SWOT Analysis"
|
||||||
width={600}
|
width={600}
|
||||||
height={600}
|
height={600}
|
||||||
|
|||||||
@ -13,8 +13,8 @@ const geistMono = Geist_Mono({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Project DPE",
|
title: "Wodey",
|
||||||
description: "DPE",
|
description: "Wodey",
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
|
|||||||
@ -4,7 +4,7 @@ import { Button } from '@/components/ui/button';
|
|||||||
const quickActions = [
|
const quickActions = [
|
||||||
{
|
{
|
||||||
subtitle: 'Create your own ebook',
|
subtitle: 'Create your own ebook',
|
||||||
title: 'DPE Publishing Studio',
|
title: 'Wodey Publishing Studio',
|
||||||
image: '/create.png',
|
image: '/create.png',
|
||||||
button: { label: 'Design Now', link: '#' },
|
button: { label: 'Design Now', link: '#' },
|
||||||
},
|
},
|
||||||
@ -51,7 +51,13 @@ export default function QuickActions() {
|
|||||||
>
|
>
|
||||||
<div className="flex flex-col md:flex-row items-center w-full gap-6 md:gap-8">
|
<div className="flex flex-col md:flex-row items-center w-full gap-6 md:gap-8">
|
||||||
<div className="flex items-center">
|
<div className="flex items-center">
|
||||||
<h1>DPE</h1>
|
<Image
|
||||||
|
src="/logo.png"
|
||||||
|
alt="Logo"
|
||||||
|
width={240}
|
||||||
|
height={240}
|
||||||
|
className="object-contain w-[120px] sm:w-[180px] md:w-[240px]"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-4 w-full">
|
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-4 w-full">
|
||||||
{quickActions.map((action, idx) => (
|
{quickActions.map((action, idx) => (
|
||||||
|
|||||||
@ -46,7 +46,13 @@ export default function RecentDesign({ drawerOpen }: { drawerOpen?: boolean, set
|
|||||||
>
|
>
|
||||||
<div className="mt-[52px] md:mt-0">
|
<div className="mt-[52px] md:mt-0">
|
||||||
<div className="flex flex-col items-center mb-4 sm:mb-6 md:mb-12">
|
<div className="flex flex-col items-center mb-4 sm:mb-6 md:mb-12">
|
||||||
<h1>DPE</h1>
|
<Image
|
||||||
|
src="/logo.png"
|
||||||
|
alt="Wodey logo"
|
||||||
|
width={157}
|
||||||
|
height={53}
|
||||||
|
className="w-[100px] sm:w-[120px] md:w-[157px] h-auto"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
{/* Recent Designs Header */}
|
{/* Recent Designs Header */}
|
||||||
<div className="text-[#27275A] text-[12px] sm:text-[14px] font-[400] mb-2 pl-1">Recent designs</div>
|
<div className="text-[#27275A] text-[12px] sm:text-[14px] font-[400] mb-2 pl-1">Recent designs</div>
|
||||||
|
|||||||
@ -16,9 +16,15 @@ function MarketplaceNavbar() {
|
|||||||
<div className="container-main h-[56px] flex items-center justify-between px-4 md:px-6">
|
<div className="container-main h-[56px] flex items-center justify-between px-4 md:px-6">
|
||||||
{/* Logo and Brand */}
|
{/* Logo and Brand */}
|
||||||
<div className="flex items-center gap-2 min-w-[120px] md:min-w-[180px]">
|
<div className="flex items-center gap-2 min-w-[120px] md:min-w-[180px]">
|
||||||
<h1>DPE</h1>
|
<Image
|
||||||
|
src="/marketplacelogo.png"
|
||||||
|
alt="Woedii Logo"
|
||||||
|
width={40}
|
||||||
|
height={40}
|
||||||
|
className="object-contain"
|
||||||
|
/>
|
||||||
<span className="text-white text-xl md:text-2xl ml-1 font-normal">
|
<span className="text-white text-xl md:text-2xl ml-1 font-normal">
|
||||||
DPE
|
Wodey
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -1,19 +1,19 @@
|
|||||||
📘 Project DPE Deliverables Overview
|
📘 WODEY Deliverables Overview
|
||||||
|
|
||||||
Welcome to your Project DPE UI/UX design package. This page provides everything your team needs to understand, preview, and implement the design assets developed for the Project DPE Publishing Ecosystem.
|
Welcome to your WODEY UI/UX design package. This page provides everything your team needs to understand, preview, and implement the design assets developed for the WODEY Publishing Ecosystem.
|
||||||
|
|
||||||
📂 What’s Included
|
📂 What’s Included
|
||||||
|
|
||||||
Your deliverables include high-fidelity UI mockups, design system components, and documentation that collectively represent the full user journey across all major Project DPE touchpoints.
|
Your deliverables include high-fidelity UI mockups, design system components, and documentation that collectively represent the full user journey across all major WODEY touchpoints.
|
||||||
|
|
||||||
| Section | Description |
|
| Section | Description |
|
||||||
| --------------------- | ------------------------------------------------------------------------------------------------------- |
|
| --------------------- | ------------------------------------------------------------------------------------------------------- |
|
||||||
| 01_Homepage | The landing experience for www.Project DPE.books including hero sections, genre browsing, and ebook discovery |
|
| 01_Homepage | The landing experience for www.wodey.books including hero sections, genre browsing, and ebook discovery |
|
||||||
| 02_Author Studio | UI for authors to create, edit, preview, and publish multimedia ebooks |
|
| 02_Author Studio | UI for authors to create, edit, preview, and publish multimedia ebooks |
|
||||||
| 03_Reader App | Reader-facing immersive interface with scroll & flip view modes |
|
| 03_Reader App | Reader-facing immersive interface with scroll & flip view modes |
|
||||||
| 04_Artist Marketplace | Asset browsing, upload flow, and commission request screens |
|
| 04_Artist Marketplace | Asset browsing, upload flow, and commission request screens |
|
||||||
| 05_Advertiser Portal | Campaign setup, keyword targeting, and performance dashboards |
|
| 05_Advertiser Portal | Campaign setup, keyword targeting, and performance dashboards |
|
||||||
| 06_Project DPE_Wallet | Revenue dashboard tracking ebook sales and ad earnings |
|
| 06_WODEY_Wallet | Revenue dashboard tracking ebook sales and ad earnings |
|
||||||
| 07_DesignS ystem | Colors, typography, button states, spacing, and reusable components |
|
| 07_DesignS ystem | Colors, typography, button states, spacing, and reusable components |
|
||||||
| 08_Prototype_Flow | Clickable user journey demo |
|
| 08_Prototype_Flow | Clickable user journey demo |
|
||||||
|
|
||||||
|
|||||||
BIN
public/logo.png
Normal file
BIN
public/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Loading…
Reference in New Issue
Block a user