Merge version_2 into main

Update src/app/page.tsx
2026-05-06 14:22:34 +00:00 · 2026-05-06 14:22:31 +00:00 · 2026-05-06 14:22:06 +00:00 · 2026-05-06 14:22:00 +00:00
1 changed files with 52 additions and 191 deletions
--- a/src/app/page.tsx
+++ b/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() {
@@ -32,22 +32,10 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
-        {
-          name: "Collections",
-          id: "#collections",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Events",
-          id: "#events",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
+        { name: "Collections", id: "collections" },
+        { 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",
-          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/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/brazilian-people-celebrating-easter_23-2151297746.jpg",          imageAlt: "community center family activity"},
      ]}
      mediaAnimation="slide-up"
    />
@@ -113,21 +84,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 +103,11 @@ 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: "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: "c3",          name: "Digital Archives",          price: "Access Now",          imageSrc: "http://img.b2bpic.net/free-photo/kids-being-part-sunday-school_23-2149582950.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",
-          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 +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",
-          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: "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",
-        },
+          id: "t3",          testimonial: "Children events are wonderful.",          name: "Lisa R.",          handle: "@lisar"},
      ]}
      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",
-          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?"
+      description="Common inquiries from our community members."
    />
  </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: "sparkles-gradient" }}
+      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: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Support",              href: "#"},
          ],
        },
      ]}
-      logoText="The Vision Library"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	6e257863d5	Merge version_2 into main Merge version_2 into main	2026-05-06 14:22:34 +00:00
bender	4eec2786ba	Update src/app/page.tsx	2026-05-06 14:22:31 +00:00
bender	777d98dee5	Merge version_2 into main Merge version_2 into main	2026-05-06 14:22:06 +00:00
bender	013daa192c	Update src/app/page.tsx	2026-05-06 14:22:00 +00:00