Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 610d8ecdbc | |||
| db769b2c52 | |||
| 83f853a14a |
225
src/app/page.tsx
225
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BookBound"
|
||||
/>
|
||||
@@ -55,60 +47,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Next Favorite Story Awaits"
|
||||
description="Curated collections, expert recommendations, and a community for those who love to get lost in a book. Join us and discover your next chapter."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg",
|
||||
alt: "Reader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg", alt: "Reader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-customer-with-gadget-posing-public-library_74855-1979.jpg",
|
||||
alt: "Reader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-customer-with-gadget-posing-public-library_74855-1979.jpg", alt: "Reader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-with-books_93675-133871.jpg",
|
||||
alt: "Reader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-with-books_93675-133871.jpg", alt: "Reader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-student-woman-holding-pile-books-looks-positive_114579-77203.jpg",
|
||||
alt: "Reader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-student-woman-holding-pile-books-looks-positive_114579-77203.jpg", alt: "Reader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mid-shot-woman-showing-agenda_23-2148751511.jpg",
|
||||
alt: "Reader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mid-shot-woman-showing-agenda_23-2148751511.jpg", alt: "Reader"},
|
||||
]}
|
||||
avatarText="Join 5,000+ readers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "New Releases",
|
||||
},
|
||||
type: "text", text: "New Releases"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Staff Favorites",
|
||||
},
|
||||
type: "text", text: "Staff Favorites"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Signed Editions",
|
||||
},
|
||||
type: "text", text: "Signed Editions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rare Finds",
|
||||
},
|
||||
type: "text", text: "Rare Finds"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gift Cards",
|
||||
},
|
||||
type: "text", text: "Gift Cards"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,41 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Midnight Library",
|
||||
price: "$24.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-agenda-wooden-table_23-2148459657.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "The Midnight Library", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-agenda-wooden-table_23-2148459657.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Circe: A Novel",
|
||||
price: "$18.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588402.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Circe: A Novel", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588402.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Atomic Habits",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-twigs-stack-books-with-different-covers-isolated-white-background_23-2147924489.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Atomic Habits", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-twigs-stack-books-with-different-covers-isolated-white-background_23-2147924489.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Project Hail Mary",
|
||||
price: "$26.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-near-bookshelf_23-2148071580.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "Project Hail Mary", price: "$26.50", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-near-bookshelf_23-2148071580.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "The Silent Patient",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-near-relax-writing_23-2147896625.jpg",
|
||||
},
|
||||
id: "5", name: "The Silent Patient", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/books-near-relax-writing_23-2147896625.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Klara and the Sun",
|
||||
price: "$21.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vintage-objects-still-life_23-2150348591.jpg",
|
||||
},
|
||||
id: "6", name: "Klara and the Sun", price: "$21.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vintage-objects-still-life_23-2150348591.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Discover the latest releases and staff favorites this season."
|
||||
@@ -170,20 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Curated Selections",
|
||||
description: "Handpicked books that inspire, challenge, and delight every reader.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-flipping-book-pages_23-2147848081.jpg",
|
||||
},
|
||||
title: "Curated Selections", description: "Handpicked books that inspire, challenge, and delight every reader.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-flipping-book-pages_23-2147848081.jpg"},
|
||||
{
|
||||
title: "Community Events",
|
||||
description: "Join local book clubs and author events in your neighborhood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47031.jpg",
|
||||
},
|
||||
title: "Community Events", description: "Join local book clubs and author events in your neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47031.jpg"},
|
||||
{
|
||||
title: "Expert Recommendations",
|
||||
description: "Not sure what to read next? Our experts are here to guide you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-flipping-notebook_23-2147657245.jpg",
|
||||
},
|
||||
title: "Expert Recommendations", description: "Not sure what to read next? Our experts are here to guide you.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-flipping-notebook_23-2147657245.jpg"},
|
||||
]}
|
||||
title="Why BookBound?"
|
||||
description="We believe reading is more than just turning pages—it's an experience."
|
||||
@@ -197,19 +133,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Books Sold",
|
||||
value: "50k+",
|
||||
},
|
||||
label: "Books Sold", value: "50k+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Readers",
|
||||
value: "12k",
|
||||
},
|
||||
label: "Active Readers", value: "12k"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Local Awards",
|
||||
value: "25",
|
||||
},
|
||||
label: "Local Awards", value: "25"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -221,60 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
date: "Jan 2024",
|
||||
title: "Reader",
|
||||
quote: "The best selection of sci-fi I've found in a local shop.",
|
||||
tag: "Top Pick",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-reading-breakfast_23-2147767499.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-stack-with-plant-white-background_23-2148882766.jpg",
|
||||
imageAlt: "customer portrait reading book",
|
||||
},
|
||||
id: "1", name: "Alice M.", date: "Jan 2024", title: "Reader", quote: "The best selection of sci-fi I've found in a local shop.", tag: "Top Pick", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-reading-breakfast_23-2147767499.jpg", imageSrc: "http://img.b2bpic.net/free-photo/books-stack-with-plant-white-background_23-2148882766.jpg", imageAlt: "customer portrait reading book"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
date: "Feb 2024",
|
||||
title: "Critic",
|
||||
quote: "BookBound is a true gem in the city. Incredible recommendations.",
|
||||
tag: "Five Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pensive-african-american-young-lady-talking-smartphone-near-books_23-2148042573.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-agenda-wooden-table_23-2148459657.jpg?_wi=2",
|
||||
imageAlt: "customer portrait reading book",
|
||||
},
|
||||
id: "2", name: "Bob D.", date: "Feb 2024", title: "Critic", quote: "BookBound is a true gem in the city. Incredible recommendations.", tag: "Five Stars", avatarSrc: "http://img.b2bpic.net/free-photo/pensive-african-american-young-lady-talking-smartphone-near-books_23-2148042573.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-agenda-wooden-table_23-2148459657.jpg?_wi=2", imageAlt: "customer portrait reading book"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara S.",
|
||||
date: "Mar 2024",
|
||||
title: "Book Club Head",
|
||||
quote: "Our monthly meetings are always better thanks to the team here.",
|
||||
tag: "Love it",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-holding-books_23-2149535742.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588402.jpg?_wi=2",
|
||||
imageAlt: "customer portrait reading book",
|
||||
},
|
||||
id: "3", name: "Clara S.", date: "Mar 2024", title: "Book Club Head", quote: "Our monthly meetings are always better thanks to the team here.", tag: "Love it", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-holding-books_23-2149535742.jpg", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588402.jpg?_wi=2", imageAlt: "customer portrait reading book"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
date: "Apr 2024",
|
||||
title: "Blogger",
|
||||
quote: "I find something new and exciting every single time I visit.",
|
||||
tag: "Must Visit",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-shopping-mall-talking-phone_23-2148225605.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-twigs-stack-books-with-different-covers-isolated-white-background_23-2147924489.jpg?_wi=2",
|
||||
imageAlt: "customer portrait reading book",
|
||||
},
|
||||
id: "4", name: "David W.", date: "Apr 2024", title: "Blogger", quote: "I find something new and exciting every single time I visit.", tag: "Must Visit", avatarSrc: "http://img.b2bpic.net/free-photo/girl-shopping-mall-talking-phone_23-2148225605.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-twigs-stack-books-with-different-covers-isolated-white-background_23-2147924489.jpg?_wi=2", imageAlt: "customer portrait reading book"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
date: "May 2024",
|
||||
title: "Reader",
|
||||
quote: "Friendly staff and such a cozy atmosphere. I spend hours here.",
|
||||
tag: "My Spot",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/set-interesting-books_23-2147767316.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-near-bookshelf_23-2148071580.jpg?_wi=2",
|
||||
imageAlt: "customer portrait reading book",
|
||||
},
|
||||
id: "5", name: "Elena P.", date: "May 2024", title: "Reader", quote: "Friendly staff and such a cozy atmosphere. I spend hours here.", tag: "My Spot", avatarSrc: "http://img.b2bpic.net/free-photo/set-interesting-books_23-2147767316.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-near-bookshelf_23-2148071580.jpg?_wi=2", imageAlt: "customer portrait reading book"},
|
||||
]}
|
||||
title="What Readers Say"
|
||||
description="Hear from our community of book enthusiasts."
|
||||
@@ -287,23 +172,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship books globally with tracking included.",
|
||||
},
|
||||
id: "1", title: "Xalqaro yetkazib berish xizmatini taklif qilasizmi?", content: "Ha, biz kitoblarni butun dunyo bo'ylab kuzatuv bilan birga jo'natamiz."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I return a purchased book?",
|
||||
content: "Returns are accepted within 30 days of purchase in original condition.",
|
||||
},
|
||||
id: "2", title: "Sotib olingan kitobni qaytarib bera olamanmi?", content: "Qaytarish xarid qilinganidan keyin 30 kun ichida asl holatida qabul qilinadi."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you host book clubs?",
|
||||
content: "Absolutely! Check our community page for the latest schedule.",
|
||||
},
|
||||
id: "3", title: "Kitobxonlar klublarini tashkil qilasizmi?", content: "Albatta! Eng so'nggi jadval uchun jamoat sahifamizga tashrif buyuring."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers about our shop and services."
|
||||
title="Ko'p beriladigan savollar"
|
||||
description="Do'konimiz va xizmatlarimiz haqida tezkor javoblar toping."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -312,38 +188,31 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Stay Updated"
|
||||
description="Sign up for our newsletter for news, deals, and event invites."
|
||||
tag="Newsletter"
|
||||
variant: "plain"}}
|
||||
title="Yangiliklardan xabardor bo'ling"
|
||||
description="Yangiliklar, takliflar va tadbirlarga taklifnomalar olish uchun byulletenimizga obuna bo'ling."
|
||||
tag="Axborotnoma"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BookBound"
|
||||
copyrightText="© 2025 BookBound Inc."
|
||||
copyrightText="© 2025 BookBound Inc. Barcha huquqlar himoyalangan."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user