2 Commits

Author SHA1 Message Date
db769b2c52 Update src/app/page.tsx 2026-04-15 16:02:16 +00:00
83f853a14a Merge version_1 into main
Merge version_1 into main
2026-04-15 16:00:44 +00:00

View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Shop", name: "Shop", id: "products"},
id: "products",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "FAQ", name: "FAQ", id: "faq"},
id: "faq",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="BookBound" brandName="BookBound"
/> />
@@ -55,60 +47,37 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Your Next Favorite Story Awaits" 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." 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={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg", src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-book_329181-1214.jpg", alt: "Reader"},
alt: "Reader",
},
{ {
src: "http://img.b2bpic.net/free-photo/happy-female-customer-with-gadget-posing-public-library_74855-1979.jpg", src: "http://img.b2bpic.net/free-photo/happy-female-customer-with-gadget-posing-public-library_74855-1979.jpg", alt: "Reader"},
alt: "Reader",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-girl-with-books_93675-133871.jpg", src: "http://img.b2bpic.net/free-photo/young-girl-with-books_93675-133871.jpg", alt: "Reader"},
alt: "Reader",
},
{ {
src: "http://img.b2bpic.net/free-photo/blonde-student-woman-holding-pile-books-looks-positive_114579-77203.jpg", src: "http://img.b2bpic.net/free-photo/blonde-student-woman-holding-pile-books-looks-positive_114579-77203.jpg", alt: "Reader"},
alt: "Reader",
},
{ {
src: "http://img.b2bpic.net/free-photo/mid-shot-woman-showing-agenda_23-2148751511.jpg", src: "http://img.b2bpic.net/free-photo/mid-shot-woman-showing-agenda_23-2148751511.jpg", alt: "Reader"},
alt: "Reader",
},
]} ]}
avatarText="Join 5,000+ readers" avatarText="Join 5,000+ readers"
buttons={[ buttons={[
{ {
text: "Shop New Arrivals", text: "Shop New Arrivals", href: "#products"},
href: "#products",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "New Releases"},
text: "New Releases",
},
{ {
type: "text", type: "text", text: "Staff Favorites"},
text: "Staff Favorites",
},
{ {
type: "text", type: "text", text: "Signed Editions"},
text: "Signed Editions",
},
{ {
type: "text", type: "text", text: "Rare Finds"},
text: "Rare Finds",
},
{ {
type: "text", type: "text", text: "Gift Cards"},
text: "Gift Cards",
},
]} ]}
/> />
</div> </div>
@@ -121,41 +90,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "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"},
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", 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"},
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", 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"},
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", 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"},
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", id: "5", name: "The Silent Patient", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/books-near-relax-writing_23-2147896625.jpg"},
name: "The Silent Patient",
price: "$15.99",
imageSrc: "http://img.b2bpic.net/free-photo/books-near-relax-writing_23-2147896625.jpg",
},
{ {
id: "6", 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"},
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" title="New Arrivals"
description="Discover the latest releases and staff favorites this season." description="Discover the latest releases and staff favorites this season."
@@ -170,20 +115,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Curated Selections", 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"},
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", 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"},
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", 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"},
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?" title="Why BookBound?"
description="We believe reading is more than just turning pages—it's an experience." description="We believe reading is more than just turning pages—it's an experience."
@@ -197,19 +133,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: BookOpen, icon: BookOpen,
label: "Books Sold", label: "Books Sold", value: "50k+"},
value: "50k+",
},
{ {
icon: Users, icon: Users,
label: "Active Readers", label: "Active Readers", value: "12k"},
value: "12k",
},
{ {
icon: Award, icon: Award,
label: "Local Awards", label: "Local Awards", value: "25"},
value: "25",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -221,60 +151,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
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" title="What Readers Say"
description="Hear from our community of book enthusiasts." description="Hear from our community of book enthusiasts."
@@ -287,23 +172,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "Xalqaro yetkazib berish xizmatini taklif qilasizmi?", content: "Ha, biz kitoblarni butun dunyo bo'ylab kuzatuv bilan birga jo'natamiz."},
title: "Do you offer international shipping?",
content: "Yes, we ship books globally with tracking included.",
},
{ {
id: "2", id: "2", title: "Sotib olingan kitobni qaytarib bera olamanmi?", content: "Qaytarish xarid qilinganidan keyin 30 kun ichida asl holatida qabul qilinadi."},
title: "Can I return a purchased book?",
content: "Returns are accepted within 30 days of purchase in original condition.",
},
{ {
id: "3", id: "3", title: "Kitobxonlar klublarini tashkil qilasizmi?", content: "Albatta! Eng so'nggi jadval uchun jamoat sahifamizga tashrif buyuring."},
title: "Do you host book clubs?",
content: "Absolutely! Check our community page for the latest schedule.",
},
]} ]}
title="Common Questions" title="Ko'p beriladigan savollar"
description="Find quick answers about our shop and services." description="Do'konimiz va xizmatlarimiz haqida tezkor javoblar toping."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -312,34 +188,27 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}} title="Yangiliklardan xabardor bo'ling"
title="Stay Updated" description="Yangiliklar, takliflar va tadbirlarga taklifnomalar olish uchun byulletenimizga obuna bo'ling."
description="Sign up for our newsletter for news, deals, and event invites." tag="Axborotnoma"
tag="Newsletter"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="BookBound" logoText="BookBound"
copyrightText="© 2025 BookBound Inc." copyrightText="© 2025 BookBound Inc. Barcha huquqlar himoyalangan."
socialLinks={[ socialLinks={[
{ {
icon: Instagram, icon: Instagram,
href: "#", href: "#", ariaLabel: "Instagram"},
ariaLabel: "Instagram",
},
{ {
icon: Twitter, icon: Twitter,
href: "#", href: "#", ariaLabel: "Twitter"},
ariaLabel: "Twitter",
},
{ {
icon: Facebook, icon: Facebook,
href: "#", href: "#", ariaLabel: "Facebook"},
ariaLabel: "Facebook",
},
]} ]}
/> />
</div> </div>