Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,16 +2,18 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Star } from "lucide-react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { MapPin, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,46 +34,35 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Reviews",
-          id: "testimonials",
-        },
+          name: "Location",          id: "location"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Gallery",          id: "gallery"},
+        {
+          name: "Testimonials",          id: "testimonials"},
+        {
+          name: "Booking/Contact",          id: "contact"},
       ]}
       brandName="Garage Kitchen"
       button={{
-        text: "Call Now",
-        href: "tel:+639177393340",
-      }}
+        text: "Call Now",        href: "tel:+639177393340"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Great Food. Cozy Vibes. Right Here in Bagac."
       description="Dine-in, Drive-through, or Delivery — we’ve got you covered. Experience the best local flavors with a warm, friendly ambiance."
       buttons={[
         {
-          text: "Call Now",
-          href: "tel:+639177393340",
-        },
+          text: "Call Now",          href: "tel:+639177393340"},
         {
-          text: "View Menu",
-          href: "#menu",
-        },
+          text: "View Menu",          href: "#menu"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-eating-chicken-with-vegetables-saucepan-with-rice-herbs-with-tomato-plate_141793-12530.jpg"
       imageAlt="Cozy restaurant interior with warm lighting and delicious food."
@@ -93,56 +84,60 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "location",
-          title: "📍 Location: Overland Subdivision",
-          tags: [
-            "Easy to Find",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=1",
-          imageAlt: "Map pin icon",
-        },
+          id: "location",          title: "📍 Location: Overland Subdivision",          tags: [
+            "Easy to Find"],
+          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=1",          imageAlt: "Map pin icon"},
         {
-          id: "hours",
-          title: "🕒 Open until 12 AM",
-          tags: [
-            "Late Hours",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=2",
-          imageAlt: "Clock icon",
-        },
+          id: "hours",          title: "🕒 Open until 12 AM",          tags: [
+            "Late Hours"],
+          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=2",          imageAlt: "Clock icon"},
         {
-          id: "drive-through",
-          title: "🚗 Drive-through Available",
-          tags: [
-            "Convenient",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=3",
-          imageAlt: "Car icon",
-        },
+          id: "drive-through",          title: "🚗 Drive-through Available",          tags: [
+            "Convenient"],
+          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=3",          imageAlt: "Car icon"},
         {
-          id: "delivery",
-          title: "🛵 Delivery Available",
-          tags: [
-            "To Your Door",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=4",
-          imageAlt: "Motorcycle icon",
-        },
+          id: "delivery",          title: "🛵 Delivery Available",          tags: [
+            "To Your Door"],
+          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=4",          imageAlt: "Motorcycle icon"},
         {
-          id: "dine-in",
-          title: "🍽 Dine-in Available",
-          tags: [
-            "Cozy Ambiance",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=5",
-          imageAlt: "Dining icon",
-        },
+          id: "dine-in",          title: "🍽 Dine-in Available",          tags: [
+            "Cozy Ambiance"],
+          imageSrc: "http://img.b2bpic.net/free-vector/set-taxi-app-interface_23-2148487608.jpg?_wi=5",          imageAlt: "Dining icon"},
       ]}
       title="Quick Info"
       description="Everything you need to know about dining with us."
     />
   </div>
 
+  <div id="location" data-section="location">
+      <FeatureCardTen
+      animationType="slide-up"
+      textboxLayout="default"
+      tag="Our Location"
+      title="Find Us in Balanga City"
+      description="Easily locate our branch in Balanga City. We're excited to serve you! We have integrated a map for your convenience below."
+      buttons={[
+        {
+          text: "Get Directions to Balanga City",          href: "https://www.google.com/maps/search/Balanga+City,+Bataan"},
+      ]}
+      features={[
+        {
+          id: "balanga-map",          title: "Balanga City Branch",          description: "Click the button for directions to our Balanga City branch. Enjoy our delicious food at another convenient location!",          media: {
+            imageSrc: "https://upload.wikimedia.org/wikipedia/commons/thumb/1/13/Ph_locator_bataan_balanga.svg/1200px-Ph_locator_bataan_balanga.svg.png",            imageAlt: "Balanga City Map Pin"
+          },
+          items: [
+            {
+              icon: MapPin,
+              text: "Open in Google Maps"
+            }
+          ],
+          reverse: false
+        }
+      ]}
+      useInvertedBackground={false}
+    />
+  </div>
+
   <div id="menu" data-section="menu">
       <ProductCardThree
       animationType="slide-up"
@@ -151,162 +146,121 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "burger",
-          name: "Classic GKB Burger",
-          price: "₱250",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",
-          imageAlt: "Delicious classic burger with fries",
-        },
+          id: "burger",          name: "Classic GKB Burger",          price: "₱250",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",          imageAlt: "Delicious classic burger with fries"},
         {
-          id: "pasta",
-          name: "Creamy Carbonara",
-          price: "₱280",
-          imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-crouton-table_140725-9264.jpg",
-          imageAlt: "Rich and creamy carbonara pasta",
-        },
+          id: "pasta",          name: "Creamy Carbonara",          price: "₱280",          imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-crouton-table_140725-9264.jpg",          imageAlt: "Rich and creamy carbonara pasta"},
         {
-          id: "drinks",
-          name: "House Blend Iced Tea",
-          price: "₱80",
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-lemonade-with-lemon-mint_176532-10719.jpg",
-          imageAlt: "Refreshing house blend iced tea",
-        },
+          id: "drinks",          name: "House Blend Iced Tea",          price: "₱80",          imageSrc: "http://img.b2bpic.net/free-photo/glass-lemonade-with-lemon-mint_176532-10719.jpg",          imageAlt: "Refreshing house blend iced tea"},
       ]}
       title="Our Featured Dishes"
       description="Experience our best-selling items, crafted with fresh, local ingredients. Affordable quality you'll love!"
       buttons={[
         {
-          text: "View Full Menu",
-          href: "#",
-        },
+          text: "View Full Menu",          href: "#"},
       ]}
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Maria S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg",
-          imageAlt: "Portrait of Maria S.",
-        },
-        {
-          id: "2",
-          name: "Juan D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-young-blonde-woman-dressed-casual-clothing-recreate-against-cozy-cafe-interior-with-fresh-cold-cocktail-smiles-happily_273609-2344.jpg",
-          imageAlt: "Portrait of Juan D.",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-smiling-park_23-2148208859.jpg",
-          imageAlt: "Portrait of Emily R.",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/student-showing-ok-sign_1149-179.jpg",
-          imageAlt: "Portrait of David K.",
-        },
-      ]}
-      cardTitle="Loved by Locals"
-      cardTag="5.0 Google Rating"
-      cardTagIcon={Star}
-      cardAnimation="blur-reveal"
-    />
-  </div>
-
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "★★★★★ \"Great food, nice ambiance, cheerful and kind staff. Surely, will come back!\"",
-        "★★★★★ \"Sumptuous food at an affordable price!\"",
-        "★★★★★ \"The best place to eat in Bagac. Highly recommended!\"",
-        "★★★★★ \"Friendly service and delicious meals every time.\"",
-        "★★★★★ \"A gem in Bagac! Love their menu and the vibe.\"",
-        "★★★★★ \"Affordable and high-quality, exactly what we look for.\"",
-        "★★★★★ \"My go-to place for dinner with friends and family.\"",
-      ]}
+        "★★★★★ \"Great food, nice ambiance, cheerful and kind staff. Surely, will come back!\"",        "★★★★★ \"Sumptuous food at an affordable price!\"",        "★★★★★ \"The best place to eat in Bagac. Highly recommended!\"",        "★★★★★ \"Friendly service and delicious meals every time.\"",        "★★★★★ \"A gem in Bagac! Love their menu and the vibe.\"",        "★★★★★ \"Affordable and high-quality, exactly what we look for.\"",        "★★★★★ \"My go-to place for dinner with friends and family.\""]}
       title="Rated 5.0 on Google Reviews"
       description="Our customers consistently praise our great food, cozy ambiance, and friendly staff. We're proud to be a top-rated spot in Bagac!"
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
+  <div id="gallery" data-section="gallery">
+      <ProductCardTwo
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get in Touch"
-      title="Visit Us or Make a Reservation"
-      description="Located at 118 Overland Subdivision, Bagac, Bataan. Call us at 0917 739 3340 for reservations or inquiries. We're open until 12 AM!"
-      buttons={[
+      tag="Our Gallery"
+      title="A Glimpse of Our Culinary Delights"
+      description="Explore images of our delicious dishes, cozy ambiance, and happy customers. See what makes Garage Kitchen special!"
+      products={[
         {
-          text: "Call Now",
-          href: "tel:+639177393340",
-        },
+          id: "gallery-item-1",          brand: "Garage Kitchen",          name: "Gourmet Burger",          price: "₱280",          rating: 5,
+          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-rustic-wooden-table_23-2149635205.jpg",          imageAlt: "Gourmet Burger"},
         {
-          text: "Get Directions",
-          href: "https://www.google.com/maps/search/118+Overland+Subdivision,+Bagac,+Bataan",
-        },
+          id: "gallery-item-2",          brand: "Garage Kitchen",          name: "Creamy Pasta",          price: "₱300",          rating: 5,
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-spaghetti-served-sauce-bowl_181624-1845.jpg",          imageAlt: "Creamy Pasta"},
+        {
+          id: "gallery-item-3",          brand: "Garage Kitchen",          name: "Fresh Salad",          price: "₱180",          rating: 4,
+          reviewCount: "90",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-salad-wooden-table_23-2148240589.jpg",          imageAlt: "Fresh Salad"},
+        {
+          id: "gallery-item-4",          brand: "Garage Kitchen",          name: "Dessert Shake",          price: "₱150",          rating: 5,
+          reviewCount: "100",          imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-shake_140725-7808.jpg",          imageAlt: "Dessert Shake"}
       ]}
     />
   </div>
 
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardFifteen
+      useInvertedBackground={true}
+      testimonial="Great food, nice ambiance, cheerful and kind staff. Surely, will come back!"
+      rating={5}
+      author="Maria S."
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg",          alt: "Maria S."},
+      ]}
+      ratingAnimation="blur-reveal"
+      avatarsAnimation="blur-reveal"
+    />
+  </div>
+
+  <div id="contact" data-section="contact">
+      <ContactCenter
+      useInvertedBackground={false}
+      background={{
+        variant: "sparkles-gradient"}}
+      tag="Book Your Table"
+      title="Ready to Dine? Send Us an Inquiry!"
+      description="Fill out the form below to book a reservation or ask us anything. We'll get back to you shortly and help plan your perfect dining experience."
+      inputPlaceholder="Your Email"
+      buttonText="Send Inquiry"
+      termsText="By sending an inquiry, you agree to our terms and conditions."
+    />
+  </div>
+
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
+      logoText="Garage Kitchen Bagac Bataan"
       columns={[
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "Home",
-              href: "/",
-            },
+              label: "Home",              href: "/"},
             {
-              label: "Menu",
-              href: "#menu",
-            },
+              label: "Menu",              href: "#menu"},
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
+            {
+              label: "Location",              href: "#location"},
+            {
+              label: "Gallery",              href: "#gallery"}
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "Call Us: 0917 739 3340",
-              href: "tel:+639177393340",
-            },
+              label: "Call Us: 0917 739 3340",              href: "tel:+639177393340"},
             {
-              label: "Get Directions",
-              href: "https://www.google.com/maps/search/118+Overland+Subdivision,+Bagac,+Bataan",
-            },
+              label: "Get Directions",              href: "https://www.google.com/maps/search/118+Overland+Subdivision,+Bagac,+Bataan"},
             {
-              label: "Inquire Now",
-              href: "#contact",
-            },
+              label: "Inquire Now",              href: "#contact"},
           ],
         },
         {
-          title: "Follow Us",
-          items: [
+          title: "Follow Us",          items: [
             {
-              label: "Facebook",
-              href: "#",
-            },
+              label: "Facebook",              href: "#"},
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
           ],
         },
       ]}

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #e34400;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #2b180a;
-  --secondary-cta-text: #f6f0e9;
-  --accent: #e34400;
-  --background-accent: #f0dcc6;
+  --background: #000000;
+  --card: #0c0c0c;
+  --foreground: #ffffff;
+  --primary-cta: #cee7ff;
+  --primary-cta-text: #000000;
+  --secondary-cta: #000000;
+  --secondary-cta-text: #ffffff;
+  --accent: #535353;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);