Update src/app/page.tsx

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 ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+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() {
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Collections", id: "collections" },
-          name: "Collections",
+        { name: "Services", id: "services" },
-          id: "#collections",
+        { name: "Events", id: "events" },
-        },
+        { name: "About", id: "about" },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Events",
-          id: "#events",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
       ]}
       brandName="The Vision Library"
     />
@@ -56,37 +44,20 @@ 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",
+          text: "Browse Our Collections",          href: "#collections"},
-          href: "#collections",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg",          imageAlt: "modern library interior architecture"},
-          imageAlt: "modern library interior architecture",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/study-group-learning-library_23-2149215381.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/study-group-learning-library_23-2149215381.jpg",          imageAlt: "student studying university library"},
-          imageAlt: "student studying university library",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/brazilian-people-celebrating-easter_23-2151297746.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/brazilian-people-celebrating-easter_23-2151297746.jpg",          imageAlt: "community center family activity"},
-          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/rewriting-text_1098-15227.jpg",
-          imageAlt: "student studying university library",
-        },
       ]}
       mediaAnimation="slide-up"
     />
@@ -113,21 +84,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       negativeCard={{
         items: [
-          "Limited Hours",
+          "Limited Hours", "Restricted Access", "Offline Only", "Old Equipment", "Static Archives"],
-          "Restricted Access",
-          "Offline Only",
-          "Old Equipment",
-          "Static Archives",
-        ],
       }}
       positiveCard={{
         items: [
-          "24/7 Digital Hub",
+          "24/7 Digital Hub", "Accessible Collections", "Expert Research Support", "Technology Labs", "Community Workshops"],
-          "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 +103,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "c1",
+          id: "c1",          name: "Research Journals",          price: "Access Now",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-bookshelves_23-2147678853.jpg"},
-          name: "Research Journals",
-          price: "Access Now",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-bookshelves_23-2147678853.jpg",
-        },
         {
-          id: "c2",
+          id: "c2",          name: "Classic Fiction",          price: "Borrow Now",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-having-bookstore-date_23-2150334597.jpg"},
-          name: "Classic Fiction",
-          price: "Borrow Now",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-having-bookstore-date_23-2150334597.jpg",
-        },
         {
-          id: "c3",
+          id: "c3",          name: "Digital Archives",          price: "Access Now",          imageSrc: "http://img.b2bpic.net/free-photo/kids-being-part-sunday-school_23-2149582950.jpg"},
-          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: "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 +121,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "50K+",          title: "Books Borrowed",          items: [
-          value: "50K+",
+            "Physical books",            "Digital copies"],
-          title: "Books Borrowed",
-          items: [
-            "Physical books",
-            "Digital copies",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "120+",          title: "Annual Events",          items: [
-          value: "120+",
+            "Workshops",            "Community talks"],
-          title: "Annual Events",
-          items: [
-            "Workshops",
-            "Community talks",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "3K+",          title: "Active Members",          items: [
-          value: "3K+",
+            "Students",            "Families"],
-          title: "Active Members",
-          items: [
-            "Students",
-            "Families",
-          ],
         },
       ]}
       title="Impact at a Glance"
@@ -217,50 +139,17 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardSix
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          testimonial: "The journals provided are excellent.",          name: "Sarah J.",          handle: "@sarahj"},
-          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: "t2",
+          id: "t2",          testimonial: "I love the tech workshops.",          name: "Mark C.",          handle: "@markc"},
-          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: "t3",
+          id: "t3",          testimonial: "Children events are wonderful.",          name: "Lisa R.",          handle: "@lisar"},
-          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: "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: "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",
-        },
       ]}
       title="Community Voices"
       description="See what our members have to say about the library experience."
@@ -268,89 +157,61 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqBase
+      faqsAnimation="slide-up"
+      textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How to register?",          content: "Visit our front desk with valid ID."},
-          title: "How to register?",
-          content: "Visit our front desk with valid ID.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Late fees?",          content: "We offer a 3-day grace period."},
-          title: "Late fees?",
-          content: "We offer a 3-day grace period.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "WiFi available?",          content: "Yes, high-speed WiFi for all."},
-          title: "WiFi available?",
-          content: "Yes, high-speed WiFi for all.",
-        },
       ]}
-      sideTitle="Questions?"
+      title="Questions?"
-      faqsAnimation="slide-up"
+      description="Common inquiries from our community members."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "cell-wave",
+      tag="Get in touch"
-      }}
+      title="Visit us today and start your journey."
-      text="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",
+          text: "Contact Us",          href: "mailto:info@visionlibrary.org"},
-          href: "mailto:info@visionlibrary.org",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
+      logoText="The Vision Library"
       columns={[
         {
-          title: "Navigate",
+          title: "Navigate",          items: [
-          items: [
             {
-              label: "Collections",
+              label: "Collections",              href: "#collections"},
-              href: "#collections",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "Events",
+              label: "Events",              href: "#events"},
-              href: "#events",
-            },
             {
-              label: "Support",
+              label: "Support",              href: "#"},
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
           ],
         },
       ]}
-      logoText="The Vision Library"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}