Compare commits

...

3 Commits

10 changed files with 31 additions and 51 deletions

View File

@ -219,14 +219,8 @@ export default function Reader() {
<Link href="/creator" >
<div className="flex items-center text-white">
<Image
src="/images/logo2.png"
alt="Wodey"
width={60}
height={60}
className="mr-2"
/>
<span className="text-xl font-semibold">Wodey</span>
<span className="text-xl font-semibold">DPE</span>
</div>
</Link>
@ -234,7 +228,7 @@ export default function Reader() {
<div className="absolute left-1/2 transform -translate-x-1/2">
<Image
src="/images/brutal.png"
alt="Wodey"
alt="DPE"
width={91}
height={55}
className="mr-2"

View File

@ -22,7 +22,8 @@ function layout({ children }: Props) {
{/* 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 md:w-[60%] flex flex-wrap md:flex-nowrap items-center align-middle justify-between gap-2'>
<Image src="/images/logo.png" alt="logo" width={100} height={100} className='w-[100px] md:w-[116px] h-[45px] md:h-[53px]' />
<h1>DPE</h1>
<h1></h1>
<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'>View</Link>

View File

@ -8,22 +8,22 @@ import remarkGfm from "remark-gfm";
const ReadmePage = () => {
const readmeContent = `
## 📘 WODEY Deliverables Overview
## 📘 Project DPE Deliverables Overview
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.
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.
## 📂 Whats 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 WODEY 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 Project DPE Prototype.
| Section | Description |
| --------------------- | ------------------------------------------------------------------------------------------------------- |
| 01_Homepage | The landing experience for www.wodey.books including hero sections, genre browsing, and ebook discovery |
| 01_Homepage | The landing experience for www.Project DPE.books including hero sections, genre browsing, and ebook discovery |
| 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 |
| 04_Artist Marketplace | Asset browsing, upload flow, and commission request screens |
| 05_Advertiser Portal | Campaign setup, keyword targeting, and performance dashboards |
| 06_WODEY_Wallet | Revenue dashboard tracking ebook sales and ad earnings |
| 06_Project DPE_Wallet | Revenue dashboard tracking ebook sales and ad earnings |
| 07_Design System | Colors, typography, button states, spacing, and reusable components |
| 08_Prototype_Flow | Clickable user journey demo |
@ -35,11 +35,14 @@ Download Assets: Use the "Download All Mockups" button to access the .zip file
## 🔗 How to Access Your Deliverables
[Your Interactive WODEY Prototype](https://woedii.yoursoftwareengineers.com)
[Your Interactive Project DPE 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)
[WODEY Competitive Analysis](https://woedii.yoursoftwareengineers.com/deliverables/swot)
[Project DPE Competitive Analysis](https://woedii.yoursoftwareengineers.com/deliverables/swot)
[Access the prototype codebase on gitea](http://35.207.46.142/Project DPE/woedii)
## 🤝 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)`;

View File

@ -21,17 +21,17 @@ export default function SwotAnalysisPage() {
Back to Documentation
</Button>
</Link>
<h1 className="text-3xl font-bold mb-2">WODEY SWOT Analysis</h1>
<h1 className="text-3xl font-bold mb-2">Project DPE SWOT Analysis</h1>
<p className="text-gray-600 mb-6">
An in-depth analysis of Strengths, Weaknesses, Opportunities, and
Threats for the WODEY platform.
Threats for the Project DPE platform.
</p>
</div>
<div className="flex justify-end mb-4">
<a
href="/docs/SWOT-Analysis.pdf"
download="WODEY-SWOT-Analysis.pdf"
download="Project DPE-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"
>
<svg
@ -55,7 +55,7 @@ export default function SwotAnalysisPage() {
{isClient ? (
<div className="w-full h-[calc(100vh-200px)] rounded-lg overflow-hidden">
<Image
src="/WODEY-SWOT-Analysis.jpg"
src="/Project DPE-SWOT-Analysis.jpg"
alt="SWOT Analysis"
width={600}
height={600}

View File

@ -13,8 +13,8 @@ const geistMono = Geist_Mono({
});
export const metadata: Metadata = {
title: "Wodey",
description: "Wodey",
title: "Project DPE",
description: "DPE",
};
export default function RootLayout({

View File

@ -4,7 +4,7 @@ import { Button } from '@/components/ui/button';
const quickActions = [
{
subtitle: 'Create your own ebook',
title: 'Wodey Publishing Studio',
title: 'DPE Publishing Studio',
image: '/create.png',
button: { label: 'Design Now', link: '#' },
},
@ -51,13 +51,7 @@ export default function QuickActions() {
>
<div className="flex flex-col md:flex-row items-center w-full gap-6 md:gap-8">
<div className="flex items-center">
<Image
src="/logo.png"
alt="Logo"
width={240}
height={240}
className="object-contain w-[120px] sm:w-[180px] md:w-[240px]"
/>
<h1>DPE</h1>
</div>
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-4 w-full">
{quickActions.map((action, idx) => (

View File

@ -46,13 +46,7 @@ export default function RecentDesign({ drawerOpen }: { drawerOpen?: boolean, set
>
<div className="mt-[52px] md:mt-0">
<div className="flex flex-col items-center mb-4 sm:mb-6 md:mb-12">
<Image
src="/logo.png"
alt="Wodey logo"
width={157}
height={53}
className="w-[100px] sm:w-[120px] md:w-[157px] h-auto"
/>
<h1>DPE</h1>
</div>
{/* Recent Designs Header */}
<div className="text-[#27275A] text-[12px] sm:text-[14px] font-[400] mb-2 pl-1">Recent designs</div>

View File

@ -16,15 +16,9 @@ function MarketplaceNavbar() {
<div className="container-main h-[56px] flex items-center justify-between px-4 md:px-6">
{/* Logo and Brand */}
<div className="flex items-center gap-2 min-w-[120px] md:min-w-[180px]">
<Image
src="/marketplacelogo.png"
alt="Woedii Logo"
width={40}
height={40}
className="object-contain"
/>
<h1>DPE</h1>
<span className="text-white text-xl md:text-2xl ml-1 font-normal">
Wodey
DPE
</span>
</div>

View File

@ -1,19 +1,19 @@
📘 WODEY Deliverables Overview
📘 Project DPE Deliverables Overview
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.
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.
📂 Whats Included
Your deliverables include high-fidelity UI mockups, design system components, and documentation that collectively represent the full user journey across all major WODEY touchpoints.
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.
| Section | Description |
| --------------------- | ------------------------------------------------------------------------------------------------------- |
| 01_Homepage | The landing experience for www.wodey.books including hero sections, genre browsing, and ebook discovery |
| 01_Homepage | The landing experience for www.Project DPE.books including hero sections, genre browsing, and ebook discovery |
| 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 |
| 04_Artist Marketplace | Asset browsing, upload flow, and commission request screens |
| 05_Advertiser Portal | Campaign setup, keyword targeting, and performance dashboards |
| 06_WODEY_Wallet | Revenue dashboard tracking ebook sales and ad earnings |
| 06_Project DPE_Wallet | Revenue dashboard tracking ebook sales and ad earnings |
| 07_DesignS ystem | Colors, typography, button states, spacing, and reusable components |
| 08_Prototype_Flow | Clickable user journey demo |

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB