Merge version_1 into main #2
340
src/app/page.tsx
340
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Catalog", id: "products" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="Bibliotheca"
|
||||
/>
|
||||
@@ -58,71 +46,21 @@ export default function LandingPage() {
|
||||
title="Welcome to the Digital Archive"
|
||||
description="Discover a curated collection of classic literature, modern research, and rare manuscripts."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@alicereads",
|
||||
testimonial: "The best resource for my historical research projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2148680246.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@researcher",
|
||||
testimonial: "Incredible collection of open access academic papers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_lit",
|
||||
testimonial: "Found rare editions I could not find anywhere else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-student-library_329181-14833.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Excellent interface for browsing our local archive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-searching-books_23-2148680244.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "A sanctuary for knowledge seekers everywhere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-reading_23-2147657352.jpg",
|
||||
},
|
||||
{ name: "Alice M.", handle: "@alicereads", testimonial: "The best resource for my historical research projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2148680246.jpg" },
|
||||
{ name: "John D.", handle: "@researcher", testimonial: "Incredible collection of open access academic papers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg" },
|
||||
{ name: "Elena V.", handle: "@elena_lit", testimonial: "Found rare editions I could not find anywhere else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-student-library_329181-14833.jpg" },
|
||||
{ name: "Mark S.", handle: "@marks", testimonial: "Excellent interface for browsing our local archive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-searching-books_23-2148680244.jpg" },
|
||||
{ name: "Sarah P.", handle: "@sarahp", testimonial: "A sanctuary for knowledge seekers everywhere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-reading_23-2147657352.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/from-stack-books_23-2147767314.jpg?_wi=1"
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/from-stack-books_23-2147767314.jpg"
|
||||
imageAlt="Library interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-holding-notebooks-standing_23-2147657258.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-library_23-2147678840.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-studying-holding-books-bookstore-smiling_197531-22942.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-library_23-2148727813.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-indian-beard-business-man-suit-sunglasses-posed-winter-day-outdoor_627829-14138.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-girl-holding-notebooks-standing_23-2147657258.jpg", alt: "Student 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-girl-library_23-2147678840.jpg", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/redhead-female-studying-holding-books-bookstore-smiling_197531-22942.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-library_23-2148727813.jpg", alt: "Student 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-indian-beard-business-man-suit-sunglasses-posed-winter-day-outdoor_627829-14138.jpg", alt: "Student 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,50 +85,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Search",
|
||||
description: "Powerful filters for academic results.",
|
||||
icon: Search,
|
||||
title: "Advanced Search", description: "Powerful filters for academic results.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062983.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-blank-paper-with-cellphone-wooden-table_23-2147885722.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-stack-books_23-2147767314.jpg?_wi=2",
|
||||
imageAlt: "software search interface catalog",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062983.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-blank-paper-with-cellphone-wooden-table_23-2147885722.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Global Archive",
|
||||
description: "Millions of digitized documents available.",
|
||||
icon: Globe,
|
||||
title: "Global Archive", description: "Millions of digitized documents available.", icon: Globe,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-college-library_23-2147678896.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062199.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2148680246.jpg?_wi=2",
|
||||
imageAlt: "software search interface catalog",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-college-library_23-2147678896.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062199.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Expert Assistance",
|
||||
description: "Personalized support for your inquiries.",
|
||||
icon: MessageSquare,
|
||||
title: "Expert Assistance", description: "Personalized support for your inquiries.", icon: MessageSquare,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-15674.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-nebulizer_23-2150535953.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg?_wi=2",
|
||||
imageAlt: "software search interface catalog",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-15674.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-nebulizer_23-2150535953.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Library Services"
|
||||
description="Enhance your research with our specialized tools."
|
||||
@@ -204,60 +118,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Archive",
|
||||
name: "The History of Printing",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-typesetting-letters_23-2149430862.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Archive",
|
||||
name: "Renaissance Art",
|
||||
price: "$55",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-female-artist-reading-anatomy-book-learning-concept_169016-66232.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Archive",
|
||||
name: "Medieval Manuscripts",
|
||||
price: "$65",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-textured-background_53876-148169.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Archive",
|
||||
name: "Modern Fiction",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "430",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588402.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Archive",
|
||||
name: "Science Frontiers",
|
||||
price: "$35",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composed-book-blackboard_23-2147654599.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Archive",
|
||||
name: "Poetry Classics",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-mock-up-with-roses-brown-pot_23-2148273522.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Archive", name: "The History of Printing", price: "$45", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-typesetting-letters_23-2149430862.jpg" },
|
||||
{ id: "p2", brand: "Archive", name: "Renaissance Art", price: "$55", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-female-artist-reading-anatomy-book-learning-concept_169016-66232.jpg" },
|
||||
{ id: "p3", brand: "Archive", name: "Medieval Manuscripts", price: "$65", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/gold-textured-background_53876-148169.jpg" },
|
||||
{ id: "p4", brand: "Archive", name: "Modern Fiction", price: "$25", rating: 5, reviewCount: "430", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588402.jpg" },
|
||||
{ id: "p5", brand: "Archive", name: "Science Frontiers", price: "$35", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/composed-book-blackboard_23-2147654599.jpg" },
|
||||
{ id: "p6", brand: "Archive", name: "Poetry Classics", price: "$20", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/book-mock-up-with-roses-brown-pot_23-2148273522.jpg" }
|
||||
]}
|
||||
title="Featured Editions"
|
||||
description="Our most popular books and curated reading lists."
|
||||
@@ -271,46 +137,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Lisa G.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Tom H.",
|
||||
role: "Author",
|
||||
company: "Self",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-black-glasses_1098-523.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily B.",
|
||||
role: "Editor",
|
||||
company: "Publishing",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-book_23-2148680226.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Z.",
|
||||
role: "Historian",
|
||||
company: "Institute",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-caucasian-young-man-holding-cup-reading_1262-17085.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna K.",
|
||||
role: "Teacher",
|
||||
company: "School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Lisa G.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg" },
|
||||
{ id: "t2", name: "Tom H.", role: "Author", company: "Self", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-black-glasses_1098-523.jpg" },
|
||||
{ id: "t3", name: "Emily B.", role: "Editor", company: "Publishing", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-book_23-2148680226.jpg" },
|
||||
{ id: "t4", name: "David Z.", role: "Historian", company: "Institute", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-caucasian-young-man-holding-cup-reading_1262-17085.jpg" },
|
||||
{ id: "t5", name: "Anna K.", role: "Teacher", company: "School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our library patrons have to say."
|
||||
@@ -323,21 +154,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="By the numbers"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
description: "Documents preserved",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "85K",
|
||||
description: "Daily visitors",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Access support",
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", description: "Documents preserved" },
|
||||
{ id: "m2", value: "85K", description: "Daily visitors" },
|
||||
{ id: "m3", value: "24/7", description: "Access support" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -348,21 +167,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How to register?",
|
||||
content: "Sign up via the portal on the homepage.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is access free?",
|
||||
content: "Most of our digital archive is free for students.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I borrow items?",
|
||||
content: "Physical copies are available for local library members.",
|
||||
},
|
||||
{ id: "q1", title: "How to register?", content: "Sign up via the portal on the homepage." },
|
||||
{ id: "q2", title: "Is access free?", content: "Most of our digital archive is free for students." },
|
||||
{ id: "q3", title: "Can I borrow items?", content: "Physical copies are available for local library members." }
|
||||
]}
|
||||
title="Knowledge Access FAQs"
|
||||
description="Answers to common questions."
|
||||
@@ -373,16 +180,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Need assistance with your research or have questions about our archive? Contact us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Librarian",
|
||||
href: "mailto:hello@bibliotheca.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Librarian", href: "mailto:hello@bibliotheca.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -390,49 +190,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Bibliotheca"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Browse Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Research Tools",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Resources", items: [{ label: "Browse Catalog", href: "#products" }, { label: "Research Tools", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms of Use", href: "#" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user