Merge version_2 into main #1
236
src/app/page.tsx
236
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { BookOpen } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#collections",
|
||||
},
|
||||
name: "Collections", id: "#collections"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "#events",
|
||||
},
|
||||
name: "Events", id: "#events"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
]}
|
||||
brandName="The Vision Library"
|
||||
/>
|
||||
@@ -56,37 +48,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Discover Knowledge, Connect Community, Transform Lives"
|
||||
description="The Vision Library opens doors to endless learning, curated collections, and enriching programs for every member of our community. Explore what's possible today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Our Collections",
|
||||
href: "#collections",
|
||||
},
|
||||
text: "Browse Our Collections", href: "#collections"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg",
|
||||
imageAlt: "modern library interior architecture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg", imageAlt: "modern library interior architecture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/study-group-learning-library_23-2149215381.jpg",
|
||||
imageAlt: "student studying university library",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/study-group-learning-library_23-2149215381.jpg", imageAlt: "student studying university library"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-people-celebrating-easter_23-2151297746.jpg",
|
||||
imageAlt: "community center family activity",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-people-celebrating-easter_23-2151297746.jpg", imageAlt: "community center family activity"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barefoot-woman-reading-blanket-near-window_23-2147849135.jpg",
|
||||
imageAlt: "modern library interior architecture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barefoot-woman-reading-blanket-near-window_23-2147849135.jpg", imageAlt: "modern library interior architecture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rewriting-text_1098-15227.jpg",
|
||||
imageAlt: "student studying university library",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rewriting-text_1098-15227.jpg", imageAlt: "student studying university library"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -113,21 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited Hours",
|
||||
"Restricted Access",
|
||||
"Offline Only",
|
||||
"Old Equipment",
|
||||
"Static Archives",
|
||||
],
|
||||
"Limited Hours", "Restricted Access", "Offline Only", "Old Equipment", "Static Archives"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"24/7 Digital Hub",
|
||||
"Accessible Collections",
|
||||
"Expert Research Support",
|
||||
"Technology Labs",
|
||||
"Community Workshops",
|
||||
],
|
||||
"24/7 Digital Hub", "Accessible Collections", "Expert Research Support", "Technology Labs", "Community Workshops"],
|
||||
}}
|
||||
title="Library Services"
|
||||
description="Discover our comprehensive range of services tailored to meet the needs of all our visitors."
|
||||
@@ -142,35 +111,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "c1",
|
||||
name: "Research Journals",
|
||||
price: "Access Now",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-bookshelves_23-2147678853.jpg",
|
||||
},
|
||||
id: "c1", name: "Research Journals", price: "Access Now", imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-bookshelves_23-2147678853.jpg"},
|
||||
{
|
||||
id: "c2",
|
||||
name: "Classic Fiction",
|
||||
price: "Borrow Now",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-having-bookstore-date_23-2150334597.jpg",
|
||||
},
|
||||
id: "c2", name: "Classic Fiction", price: "Borrow Now", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-having-bookstore-date_23-2150334597.jpg"},
|
||||
{
|
||||
id: "c3",
|
||||
name: "Digital Archives",
|
||||
price: "Access Now",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-being-part-sunday-school_23-2149582950.jpg",
|
||||
},
|
||||
id: "c3", name: "Digital Archives", price: "Access Now", imageSrc: "http://img.b2bpic.net/free-photo/kids-being-part-sunday-school_23-2149582950.jpg"},
|
||||
{
|
||||
id: "c4",
|
||||
name: "Children's Literature",
|
||||
price: "Borrow Now",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-student-holding-books-library_23-2148727868.jpg",
|
||||
},
|
||||
id: "c4", name: "Children's Literature", price: "Borrow Now", imageSrc: "http://img.b2bpic.net/free-photo/front-view-student-holding-books-library_23-2148727868.jpg"},
|
||||
{
|
||||
id: "c5",
|
||||
name: "Language Programs",
|
||||
price: "Enroll Now",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257190.jpg",
|
||||
},
|
||||
id: "c5", name: "Language Programs", price: "Enroll Now", imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257190.jpg"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our vast library of resources spanning academia, fiction, and digital media."
|
||||
@@ -184,31 +133,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Books Borrowed",
|
||||
items: [
|
||||
"Physical books",
|
||||
"Digital copies",
|
||||
],
|
||||
id: "m1", value: "50K+", title: "Books Borrowed", items: [
|
||||
"Physical books", "Digital copies"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120+",
|
||||
title: "Annual Events",
|
||||
items: [
|
||||
"Workshops",
|
||||
"Community talks",
|
||||
],
|
||||
id: "m2", value: "120+", title: "Annual Events", items: [
|
||||
"Workshops", "Community talks"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3K+",
|
||||
title: "Active Members",
|
||||
items: [
|
||||
"Students",
|
||||
"Families",
|
||||
],
|
||||
id: "m3", value: "3K+", title: "Active Members", items: [
|
||||
"Students", "Families"],
|
||||
},
|
||||
]}
|
||||
title="Impact at a Glance"
|
||||
@@ -217,50 +151,21 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<TestimonialCardSix
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Resources",
|
||||
quote: "The journals provided are excellent.",
|
||||
name: "Sarah J.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-rock-sign_1298-146.jpg",
|
||||
},
|
||||
id: "t1", testimonial: "The journals provided are excellent.", name: "Sarah J.", handle: "@sarahj"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Excellent Programs",
|
||||
quote: "I love the tech workshops.",
|
||||
name: "Mark C.",
|
||||
role: "Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-students_23-2149127088.jpg",
|
||||
},
|
||||
id: "t2", testimonial: "I love the tech workshops.", name: "Mark C.", handle: "@markc"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Family Friendly",
|
||||
quote: "Children events are wonderful.",
|
||||
name: "Lisa R.",
|
||||
role: "Parent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-friends-are-waiting-halloween-party-while-reading-book-sitting-bed_613910-6023.jpg",
|
||||
},
|
||||
id: "t3", testimonial: "Children events are wonderful.", name: "Lisa R.", handle: "@lisar"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Helpful Staff",
|
||||
quote: "Digital literacy support changed my life.",
|
||||
name: "James K.",
|
||||
role: "Senior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-women-talking-pointing-laptop-library_74855-1922.jpg",
|
||||
},
|
||||
id: "t4", testimonial: "Digital literacy support changed my life.", name: "James K.", handle: "@jamesk"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Perfect Space",
|
||||
quote: "Quiet study rooms are invaluable.",
|
||||
name: "Emily W.",
|
||||
role: "Researcher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-black-man-posing-public-library_74855-1508.jpg",
|
||||
},
|
||||
id: "t5", testimonial: "Quiet study rooms are invaluable.", name: "Emily W.", handle: "@emilyw"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See what our members have to say about the library experience."
|
||||
@@ -268,89 +173,66 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqBase
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to register?",
|
||||
content: "Visit our front desk with valid ID.",
|
||||
},
|
||||
id: "f1", title: "How to register?", content: "Visit our front desk with valid ID."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Late fees?",
|
||||
content: "We offer a 3-day grace period.",
|
||||
},
|
||||
id: "f2", title: "Late fees?", content: "We offer a 3-day grace period."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "WiFi available?",
|
||||
content: "Yes, high-speed WiFi for all.",
|
||||
},
|
||||
id: "f3", title: "WiFi available?", content: "Yes, high-speed WiFi for all."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
title="Questions?"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
text="Visit us today and start your journey."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
tag="Get in touch"
|
||||
title="Visit us today and start your journey."
|
||||
description="We are located at the heart of the community. Stop by or reach out via email."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@visionlibrary.org",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:info@visionlibrary.org"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterBaseReveal
|
||||
logoText="The Vision Library"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#collections",
|
||||
},
|
||||
label: "Collections", href: "#collections"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
label: "Events", href: "#events"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="The Vision Library"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user