diff --git a/app/page.tsx b/app/page.tsx index 88f0cc9..edac1b0 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,103 +1,12 @@ -import Image from "next/image"; - +import MarketplaceNavbar from "@/components/custom/marketplace_Navbar"; +import HomeBanner from "@/components/custom/Home_Banner"; +import BooksFrame from "@/components/custom/books_Frame"; export default function Home() { return ( -
-
- Next.js logo -
    -
  1. - Get started by editing{" "} - - app/page.tsx - - . -
    2. -
  2. - Save and see your changes instantly. -
    3. -
- -
- - Vercel logomark - Deploy now - - - Read our docs - -
-
- -
+ <> + + + + ); } diff --git a/components/custom/Best_Seller.tsx b/components/custom/Best_Seller.tsx new file mode 100644 index 0000000..1012eb7 --- /dev/null +++ b/components/custom/Best_Seller.tsx @@ -0,0 +1,87 @@ +import Image from 'next/image'; +import { Heart, ChevronRight } from 'lucide-react'; +import { Button } from '@/components/ui/button'; + +const books = [ + { + title: 'Brutal', + author: 'Hoosh Ink', + price: '$4.99', + cover: '/book1.png', + }, + { + title: 'Authority', + author: 'Jeff Vandermeer', + price: '$11.99', + cover: '/book2.png', + }, + { + title: 'Babe Hager', + author: 'Babe Hager', + price: '$2.99', + cover: '/book3.png', + }, + { + title: 'Never Flinch', + author: 'Stephen King', + price: '$16.99', + cover: '/book4.png', + }, + { + title: 'The Obsession', + author: 'Jesse Q. Sutanto', + price: '$8.99', + cover: '/book5.png', + }, + { + title: 'Unlikely Story', + author: 'Ali Rosen', + price: '$2.99', + cover: '/book6.png', + }, + { + title: 'Thrill Ride', + author: 'Amy Ratcliffe', + price: '$9.99', + cover: '/book7.png', + }, +]; + +export default function BestSeller() { + return ( +
+
+

Best Sellers

+ See more +
+
+
+ {books.map((book, idx) => ( +
+
+ {book.title} +
+
+
+ {book.title} + +
+
+ {book.author} + {book.price} +
+
+
+ ))} +
+
+ ); +} diff --git a/components/custom/Home_Banner.tsx b/components/custom/Home_Banner.tsx new file mode 100644 index 0000000..2890bd4 --- /dev/null +++ b/components/custom/Home_Banner.tsx @@ -0,0 +1,40 @@ +import { Button } from "@/components/ui/button"; +import Image from "next/image"; + +export default function HomeBanner() { + return ( +
+
+
+ {/* Left: Text Content */} +
+

+ 1000 BLACK UMBRELLAS +

+

+ Poems of absolute nakedness that chase the power of love. Daniel McGinn is
one of the most admired poets in the underground American poetry scene. +

+ +
+ + {/* Right: Book Cover */} +
+ 1000 Black Umbrellas Book Cover +
+
+
+
+ ); +} diff --git a/components/custom/New_Release.tsx b/components/custom/New_Release.tsx new file mode 100644 index 0000000..b784f0d --- /dev/null +++ b/components/custom/New_Release.tsx @@ -0,0 +1,87 @@ +import Image from 'next/image'; +import { Heart, ChevronRight } from 'lucide-react'; +import { Button } from '@/components/ui/button'; + +const books = [ + { + title: 'Brutal', + author: 'Hoosh Ink', + price: '$4.99', + cover: '/book8.png', + }, + { + title: 'Authority', + author: 'Jeff Vandermeer', + price: '$11.99', + cover: '/book9.png', + }, + { + title: 'Babe Hager', + author: 'Babe Hager', + price: '$2.99', + cover: '/book10.png', + }, + { + title: 'Never Flinch', + author: 'Stephen King', + price: '$16.99', + cover: '/book11.png', + }, + { + title: 'The Obsession', + author: 'Jesse Q. Sutanto', + price: '$8.99', + cover: '/book12.png', + }, + { + title: 'Unlikely Story', + author: 'Ali Rosen', + price: '$2.99', + cover: '/book13.png', + }, + { + title: 'Thrill Ride', + author: 'Amy Ratcliffe', + price: '$9.99', + cover: '/book14.png', + }, +]; + +export default function NewRelease() { + return ( +
+
+

New Release

+ See more +
+
+
+ {books.map((book, idx) => ( +
+
+ {book.title} +
+
+
+ {book.title} + +
+
+ {book.author} + {book.price} +
+
+
+ ))} +
+
+ ); +} diff --git a/components/custom/books_Frame.tsx b/components/custom/books_Frame.tsx new file mode 100644 index 0000000..f2f0dba --- /dev/null +++ b/components/custom/books_Frame.tsx @@ -0,0 +1,14 @@ + +import BestSeller from './Best_Seller'; +import NewRelease from './New_Release'; + + + +export default function BooksFrame() { + return ( +
+ + +
+ ); +} diff --git a/components/custom/marketplace_Navbar.tsx b/components/custom/marketplace_Navbar.tsx index 2deefbe..e870308 100644 --- a/components/custom/marketplace_Navbar.tsx +++ b/components/custom/marketplace_Navbar.tsx @@ -10,7 +10,7 @@ function MarketplaceNavbar() { {/* Logo and Brand */}
Woedii Logo - Woodle + Woedii
{/* Search Bar */}
@@ -55,10 +55,12 @@ function MarketplaceNavbar() { My Profile
{/* Create Button */} + +
); diff --git a/public/book.png b/public/book.png new file mode 100644 index 0000000..3af2b32 Binary files /dev/null and b/public/book.png differ diff --git a/public/book1.png b/public/book1.png new file mode 100644 index 0000000..f5bb8a0 Binary files /dev/null and b/public/book1.png differ diff --git a/public/book10.png b/public/book10.png new file mode 100644 index 0000000..4715fd8 Binary files /dev/null and b/public/book10.png differ diff --git a/public/book11.png b/public/book11.png new file mode 100644 index 0000000..dcf1b30 Binary files /dev/null and b/public/book11.png differ diff --git a/public/book12.png b/public/book12.png new file mode 100644 index 0000000..065fbdd Binary files /dev/null and b/public/book12.png differ diff --git a/public/book13.png b/public/book13.png new file mode 100644 index 0000000..449f86e Binary files /dev/null and b/public/book13.png differ diff --git a/public/book14.png b/public/book14.png new file mode 100644 index 0000000..6c522ad Binary files /dev/null and b/public/book14.png differ diff --git a/public/book2.png b/public/book2.png new file mode 100644 index 0000000..a85eb46 Binary files /dev/null and b/public/book2.png differ diff --git a/public/book3.png b/public/book3.png new file mode 100644 index 0000000..fb3e18f Binary files /dev/null and b/public/book3.png differ diff --git a/public/book4.png b/public/book4.png new file mode 100644 index 0000000..9a876b2 Binary files /dev/null and b/public/book4.png differ diff --git a/public/book5.png b/public/book5.png new file mode 100644 index 0000000..e83a9d4 Binary files /dev/null and b/public/book5.png differ diff --git a/public/book6.png b/public/book6.png new file mode 100644 index 0000000..48a15bd Binary files /dev/null and b/public/book6.png differ diff --git a/public/book7.png b/public/book7.png new file mode 100644 index 0000000..71b120e Binary files /dev/null and b/public/book7.png differ diff --git a/public/book8.png b/public/book8.png new file mode 100644 index 0000000..c3cc901 Binary files /dev/null and b/public/book8.png differ diff --git a/public/book9.png b/public/book9.png new file mode 100644 index 0000000..626e89d Binary files /dev/null and b/public/book9.png differ