Merge version_4 into main

Merge version_4 into main

src/app/book-seat/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactForm from '@/components/form/ContactForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function BookSeatPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="large"
+        background="floatingGradient"
+        cardStyle="inset"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+                navItems={[
+                    { name: "Home", id: "hero" },
+                    { name: "About", id: "about" },
+                    { name: "Book a Seat", id: "book-seat" },
+                    { name: "Contact", id: "contact" },
+                ]}
+                brandName="Saini Library"
+            />
+        </div>
+        <div id="form" data-section="form">
+            <ContactForm
+                tag="Booking"
+                title="Book Your Library Seat"
+                description="Reserve your spot in our quiet study area. Please provide your details below and our team will get back to you to confirm availability."
+                inputPlaceholder="Enter your email"
+                buttonText="Submit Reservation"
+                termsText="By clicking Submit Reservation you're confirming that you agree with our Terms and Conditions."
+                useInvertedBackground={false}
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+                logoText="Saini Library"
+                leftLink={{ text: "Privacy Policy", href: "#" }}
+                rightLink={{ text: "Contact Us", href: "/#contact" }}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,17 +30,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Book a Seat",          id: "book-seat"},
+        {
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Saini Library"
     />
@@ -52,31 +48,21 @@ export default function LandingPage() {
       description="Your gateway to knowledge. Explore our vast collection of books and quiet study spaces."
       buttons={[
         {
-          text: "Visit Us",
-          href: "#contact",
-        },
+          text: "Check Availability",          href: "/book-seat"},
+        {
+          text: "Visit Us",          href: "#contact"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-book-from-shelf_23-2147797381.jpg?_wi=1",
-          imageAlt: "modern library interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-book-from-shelf_23-2147797381.jpg?_wi=1",          imageAlt: "modern library interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/antique-book-shelf-vintage-background_53876-160404.jpg",
-          imageAlt: "Antique book shelf, vintage background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/antique-book-shelf-vintage-background_53876-160404.jpg",          imageAlt: "Antique book shelf, vintage background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-arrangement_23-2149854380.jpg",
-          imageAlt: "Retro vhs packaging arrangement",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-arrangement_23-2149854380.jpg",          imageAlt: "Retro vhs packaging arrangement"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-ladder-taking-book_23-2147797380.jpg",
-          imageAlt: "Woman on ladder taking book",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-ladder-taking-book_23-2147797380.jpg",          imageAlt: "Woman on ladder taking book"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hardback-books_23-2148827221.jpg",
-          imageAlt: "Front view of hardback books",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hardback-books_23-2148827221.jpg",          imageAlt: "Front view of hardback books"},
       ]}
     />
   </div>
@@ -88,13 +74,9 @@ export default function LandingPage() {
       description="Saini Library serves the local community with high-quality resources, comfortable study environments, and a wide variety of reading materials for all ages."
       metrics={[
         {
-          value: "10k+",
-          title: "Books Available",
-        },
+          value: "10k+",          title: "Books Available"},
         {
-          value: "500+",
-          title: "Daily Visitors",
-        },
+          value: "500+",          title: "Daily Visitors"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257245.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -110,29 +92,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          title: "Digital Catalog",
-          description: "Access our catalog anytime, anywhere.",
-          tag: "Digital",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257190.jpg",
-          imageAlt: "Friends learning in a study group",
-        },
+          id: "1",          title: "Digital Catalog",          description: "Access our catalog anytime, anywhere.",          tag: "Digital",          imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257190.jpg",          imageAlt: "Friends learning in a study group"},
         {
-          id: "2",
-          title: "Study Rooms",
-          description: "Quiet rooms for focused learning.",
-          tag: "Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-book-from-shelf_23-2147797381.jpg?_wi=2",
-          imageAlt: "Friends learning in a study group",
-        },
+          id: "2",          title: "Study Rooms",          description: "Quiet rooms for focused learning.",          tag: "Study",          imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-book-from-shelf_23-2147797381.jpg?_wi=2",          imageAlt: "Friends learning in a study group"},
         {
-          id: "3",
-          title: "Free Wi-Fi",
-          description: "Stay connected while you learn.",
-          tag: "Tech",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257245.jpg?_wi=2",
-          imageAlt: "Friends learning in a study group",
-        },
+          id: "3",          title: "Free Wi-Fi",          description: "Stay connected while you learn.",          tag: "Tech",          imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257245.jpg?_wi=2",          imageAlt: "Friends learning in a study group"},
       ]}
       title="Why Choose Us?"
       description="We offer the tools you need for success."
@@ -146,40 +110,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "The best place to study in town.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-reading-book_23-2149003966.jpg",
-        },
+          id: "1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "The best place to study in town.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-reading-book_23-2149003966.jpg"},
         {
-          id: "2",
-          name: "Michael R.",
-          handle: "@miker",
-          testimonial: "Great collection of research materials.",
-          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-with-gadget-posing-public-library_74855-1207.jpg",
-        },
+          id: "2",          name: "Michael R.",          handle: "@miker",          testimonial: "Great collection of research materials.",          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-with-gadget-posing-public-library_74855-1207.jpg"},
         {
-          id: "3",
-          name: "Emily D.",
-          handle: "@emilyd",
-          testimonial: "I love the quiet atmosphere here.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-asian-woman-enjoys-reading-sitting-with-book-cafe-drinking-coffee_1258-123838.jpg",
-        },
+          id: "3",          name: "Emily D.",          handle: "@emilyd",          testimonial: "I love the quiet atmosphere here.",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-asian-woman-enjoys-reading-sitting-with-book-cafe-drinking-coffee_1258-123838.jpg"},
         {
-          id: "4",
-          name: "John K.",
-          handle: "@johnk",
-          testimonial: "Staff is extremely helpful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-student-happy-be-back-university_23-2148586557.jpg",
-        },
+          id: "4",          name: "John K.",          handle: "@johnk",          testimonial: "Staff is extremely helpful.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-student-happy-be-back-university_23-2148586557.jpg"},
         {
-          id: "5",
-          name: "Anita P.",
-          handle: "@anitap",
-          testimonial: "Perfect study hub for students.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6509.jpg",
-        },
+          id: "5",          name: "Anita P.",          handle: "@anitap",          testimonial: "Perfect study hub for students.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6509.jpg"},
       ]}
       title="Community Voices"
       description="See what our visitors have to say."
@@ -192,20 +131,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "What are your hours?",
-          content: "We are open daily from 9 AM to 8 PM.",
-        },
+          id: "1",          title: "What are your hours?",          content: "We are open daily from 9 AM to 8 PM."},
         {
-          id: "2",
-          title: "Is membership free?",
-          content: "Yes, library membership is free for all.",
-        },
+          id: "2",          title: "Is membership free?",          content: "Yes, library membership is free for all."},
         {
-          id: "3",
-          title: "Do you have parking?",
-          content: "Yes, there is free visitor parking.",
-        },
+          id: "3",          title: "Do you have parking?",          content: "Yes, there is free visitor parking."},
       ]}
       title="Frequently Asked Questions"
       description="Get quick answers to common questions."
@@ -217,8 +147,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       text="Call us directly at 7017724021 for any inquiries or to reserve a study space."
     />
   </div>
@@ -227,16 +156,12 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Saini Library"
       leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
+        text: "Contact Us",        href: "#contact"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}