From a66bc50967fbb5b818aae659fb8ade24ba8a7893 Mon Sep 17 00:00:00 2001
From: mulika-local <vitaliimulika@gmail.com>
Date: Thu, 25 Dec 2025 16:26:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 249 +++++++++++++++++++++++++++++++++--------------
 1 file changed, 175 insertions(+), 74 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ad461c5..c399892 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client";
+"use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
@@ -9,7 +9,7 @@ import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
 import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Coffee, Leaf, Zap, Star, Heart } from 'lucide-react';
+import { Leaf, Zap, Star, Heart, MapPin } from 'lucide-react';
 
 export default function CoffeePage() {
   return (
@@ -27,15 +27,11 @@ export default function CoffeePage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleMinimal
-          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg"
-          links={[
-            { label: "Menu", href: "features" },
-            { label: "About", href: "about" },
-            { label: "Products", href: "products" },
-            { label: "Contact", href: "contact" }
-          ]}
-          cta="Book a Table"
-          ctaLink="contact"
+          brandName="Gloria"
+          button={{
+            text: "Book a Table",
+            href: "#contact"
+          }}
         />
       </div>
 
@@ -43,23 +39,72 @@ export default function CoffeePage() {
         <HeroBillboardMetrics
           title="Welcome to Gloria Coffee"
           description="Experience the finest specialty coffee in a warm, inviting atmosphere. From our carefully sourced beans to expertly crafted beverages, every cup tells a story."
-          primaryCta="Explore Menu"
-          primaryCtaLink="features"
-          secondaryCta="Visit Us"
-          secondaryCtaLink="contact"
+          tag="Specialty Coffee House"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg"
+          imageAlt="Gloria Coffee House"
+          frameStyle="card"
+          metricsLabel="Trusted by coffee lovers and professionals worldwide"
           metrics={[
-            { label: "Years of Excellence", value: "15+" },
-            { label: "Happy Customers Daily", value: "1000+" },
-            { label: "Premium Coffee Blends", value: "50+" }
+            {
+              id: "1",
+              value: "15+",
+              label: "Years of Excellence"
+            },
+            {
+              id: "2",
+              value: "1000+",
+              label: "Happy Customers Daily"
+            },
+            {
+              id: "3",
+              value: "50+",
+              label: "Premium Coffee Blends"
+            }
+          ]}
+          buttons={[
+            {
+              text: "Explore Menu",
+              href: "#products"
+            },
+            {
+              text: "Visit Us",
+              href: "#contact"
+            }
           ]}
-          image="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573457718-zh216nxd.jpg"
-          badge="Specialty Coffee House"
         />
       </div>
 
       <div id="about" data-section="about">
         <SplitAbout
-          description="Gloria Coffee was founded with a simple passion: to bring the world's finest coffees to your cup. We believe every sip should be a moment of joy and connection. We partner directly with sustainable coffee farms, employ expert baristas who craft each drink with precision, maintain premium quality standards, and focus on being a community gathering place for meaningful moments."
+          title="Our Story"
+          description="Gloria Coffee was founded with a simple passion: to bring the world's finest coffees to your cup. We believe every sip should be a moment of joy and connection."
+          imagePosition="right"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766504475843-rx4nokgi.jpg"
+          imageAlt="Gloria Coffee Interior"
+          bulletPoints={[
+            {
+              title: "Ethically Sourced",
+              description: "We partner directly with sustainable coffee farms around the world",
+              icon: Leaf
+            },
+            {
+              title: "Expert Baristas",
+              description: "Our trained professionals craft each drink with precision and care",
+              icon: Zap
+            },
+            {
+              title: "Premium Quality",
+              description: "Only the finest beans and ingredients make it to your cup",
+              icon: Star
+            },
+            {
+              title: "Community Focus",
+              description: "More than coffee - we're a gathering place for meaningful moments",
+              icon: Heart
+            }
+          ]}
         />
       </div>
 
@@ -67,27 +112,33 @@ export default function CoffeePage() {
         <FeatureCardFifteen
           title="Our Specialty Drinks"
           description="Handcrafted beverages that elevate your coffee experience"
+          tag="Signature Selection"
           features={[
             {
+              id: "1",
               title: "Caramel Macchiato",
               description: "Espresso with steamed milk and signature caramel drizzle",
-              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg",
-              icon: Coffee
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg",
+              imageAlt: "Caramel Macchiato"
             },
             {
+              id: "2",
               title: "Single Origin Espresso",
               description: "Pure, bold, and perfectly extracted from premium beans",
-              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414395178-77w1rchc.jpg",
-              icon: Star
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414395178-77w1rchc.jpg",
+              imageAlt: "Single Origin Espresso"
             },
             {
+              id: "3",
               title: "Iced Vanilla Latte",
               description: "Smooth, refreshing, and perfect for warm days",
-              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
-              icon: Heart
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
+              imageAlt: "Iced Vanilla Latte"
             }
           ]}
-          badge="Signature Selection"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -95,33 +146,38 @@ export default function CoffeePage() {
         <ProductCardSeven
           title="Featured Menu Items"
           description="Discover our most loved offerings"
+          tag="Must Try"
           products={[
             {
+              id: "1",
               name: "Morning Croissant",
               price: "$5.99",
-              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573458620-djq2znw8.jpg",
-              rating: 4.8,
-              ctaText: "Order Now",
-              ctaLink: "contact"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573458620-djq2znw8.jpg",
+              imageAlt: "Butter Croissant",
+              rating: 4.5
             },
             {
+              id: "2",
               name: "Caprese Sandwich",
               price: "$9.99",
-              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg",
-              rating: 4.9,
-              ctaText: "Order Now",
-              ctaLink: "contact"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg",
+              imageAlt: "Fresh Caprese Sandwich",
+              rating: 4.8
             },
             {
+              id: "3",
               name: "Chocolate Cake",
               price: "$6.99",
-              image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573460458-6fck1vod.jpg",
-              rating: 4.7,
-              ctaText: "Order Now",
-              ctaLink: "contact"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573460458-6fck1vod.jpg",
+              imageAlt: "Rich Chocolate Cake",
+              rating: 4.7
             }
           ]}
-          badge="Must Try"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          carouselMode="buttons"
         />
       </div>
 
@@ -129,30 +185,40 @@ export default function CoffeePage() {
         <TestimonialCardNine
           title="What Our Customers Say"
           description="Join thousands who've made Gloria their favorite coffeehouse"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
           testimonials={[
             {
+              id: "1",
               quote: "The best espresso I've had outside of Italy. Every barista knows how to perfect each drink.",
-              author: "Maria Rodriguez",
+              name: "Maria Rodriguez",
               role: "Regular Customer",
-              avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679215769-8spgigse.jpg"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679215769-8spgigse.jpg",
+              imageAlt: "Maria Rodriguez"
             },
             {
+              id: "2",
               quote: "Gloria is my creative sanctuary. Great coffee, peaceful ambiance, and amazing staff.",
-              author: "James Chen",
+              name: "James Chen",
               role: "Freelancer",
-              avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508653705-qp2xy5s6.jpg"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508653705-qp2xy5s6.jpg",
+              imageAlt: "James Chen"
             },
             {
+              id: "3",
               quote: "I bring all my clients here for meetings. The atmosphere and quality coffee make the perfect impression.",
-              author: "Sarah Thompson",
+              name: "Sarah Thompson",
               role: "Business Owner",
-              avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679217178-y1zjo42n.jpg"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679217178-y1zjo42n.jpg",
+              imageAlt: "Sarah Thompson"
             },
             {
+              id: "4",
               quote: "The team remembers my order and always greets me with a smile. That's customer service done right.",
-              author: "Michael Park",
+              name: "Michael Park",
               role: "Morning Regular",
-              avatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679218140-bhsns38m.jpg"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766679218140-bhsns38m.jpg",
+              imageAlt: "Michael Park"
             }
           ]}
         />
@@ -160,26 +226,37 @@ export default function CoffeePage() {
 
       <div id="contact" data-section="contact">
         <ContactFaq
-          title="Visit Gloria Coffee"
-          description="Join us for your next coffee break. We're open seven days a week."
-          ctaText="Get Directions"
-          ctaLink="https://maps.google.com"
+          ctaTitle="Visit Gloria Coffee"
+          ctaDescription="Join us for your next coffee break. We're open seven days a week."
+          ctaButton={{
+            text: "Get Directions",
+            href: "https://maps.google.com"
+          }}
+          ctaIcon={MapPin}
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
+          accordionAnimationType="smooth"
+          showCard={true}
           faqs={[
             {
-              question: "What are your opening hours?",
-              answer: "Monday - Friday: 6:00 AM - 8:00 PM. Saturday - Sunday: 8:00 AM - 9:00 PM. We're closed on major holidays."
+              id: "1",
+              title: "What are your opening hours?",
+              content: "Monday - Friday: 6:00 AM - 8:00 PM. Saturday - Sunday: 8:00 AM - 9:00 PM. We're closed on major holidays."
             },
             {
-              question: "Do you offer WiFi?",
-              answer: "Yes, free WiFi is available to all customers. Password is displayed at the counter."
+              id: "2",
+              title: "Do you offer WiFi?",
+              content: "Yes, free WiFi is available to all customers. Password is displayed at the counter."
             },
             {
-              question: "Can I reserve a table?",
-              answer: "For groups of 6 or more, we recommend calling ahead at (555) 123-4567 to reserve seating."
+              id: "3",
+              title: "Can I reserve a table?",
+              content: "For groups of 6 or more, we recommend calling ahead at (555) 123-4567 to reserve seating."
             },
             {
-              question: "Do you have vegan options?",
-              answer: "Absolutely! We offer plant-based milk alternatives and vegan pastries. Ask our baristas for recommendations."
+              id: "4",
+              title: "Do you have vegan options?",
+              content: "Absolutely! We offer plant-based milk alternatives and vegan pastries. Ask our baristas for recommendations."
             }
           ]}
         />
@@ -187,36 +264,60 @@ export default function CoffeePage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565658398-rzdk67xj.jpg"
+          imageAlt="Premium Coffee Beans"
           logoText="Gloria"
-          description="Premium specialty coffee house serving the finest beverages since 2010."
-          copyright="© 2025 Gloria Coffee. All rights reserved."
-          links={[
+          copyrightText="© 2025 Gloria Coffee. All rights reserved."
+          columns={[
             {
               title: "Hours",
               items: [
-                { label: "Monday - Friday: 6 AM - 8 PM", href: "contact" },
-                { label: "Saturday - Sunday: 8 AM - 9 PM", href: "contact" },
-                { label: "Contact: (555) 123-4567", href: "contact" }
+                {
+                  label: "Monday - Friday: 6 AM - 8 PM"
+                },
+                {
+                  label: "Saturday - Sunday: 8 AM - 9 PM"
+                },
+                {
+                  label: "Contact: (555) 123-4567"
+                }
               ]
             },
             {
               title: "Location",
               items: [
-                { label: "123 Coffee Street", href: "https://maps.google.com" },
-                { label: "Downtown District", href: "https://maps.google.com" },
-                { label: "Get Directions", href: "https://maps.google.com" }
+                {
+                  label: "123 Coffee Street",
+                  href: "https://maps.google.com"
+                },
+                {
+                  label: "Downtown District",
+                  href: "https://maps.google.com"
+                },
+                {
+                  label: "Get Directions",
+                  href: "https://maps.google.com"
+                }
               ]
             },
             {
               title: "Follow Us",
               items: [
-                { label: "Instagram", href: "https://instagram.com" },
-                { label: "Facebook", href: "https://facebook.com" },
-                { label: "Contact Us", href: "contact" }
+                {
+                  label: "Instagram",
+                  href: "https://instagram.com"
+                },
+                {
+                  label: "Facebook",
+                  href: "https://facebook.com"
+                },
+                {
+                  label: "Contact Us",
+                  href: "#contact"
+                }
               ]
             }
           ]}
-          media="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565658398-rzdk67xj.jpg"
         />
       </div>
     </ThemeProvider>