From 1a6e49ca4c203c91a73c56dab5a2278c620a902f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 10:56:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 325 +++++++++++++++++------------------------------
 1 file changed, 114 insertions(+), 211 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 05c2698..cd3070a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,8 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { MapPin } from "lucide-react";
+import ButtonBounceEffect from '@/components/button/ButtonBounceEffect/ButtonBounceEffect';
+import { MapPin, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,223 +28,125 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Visit",
-          id: "contact",
-        },
-      ]}
-      brandName="BLENDZ"
-    />
-  </div>
+        <div className="fixed bottom-6 right-6 z-50 flex flex-col gap-4">
+          <ButtonBounceEffect 
+            text="WhatsApp"
+            className="shadow-xl"
+            onClick={() => window.open("https://wa.me/1234567890", "_blank")}
+          />
+          <ButtonBounceEffect 
+            text="Book Now"
+            className="shadow-xl"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboardSplit
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      logoText="BLENDZ"
-      description="Your Go-To Spot for the Best Coffee in Town. Cozy vibes, perfectly crafted drinks, and a place you’ll always want to come back to."
-      buttons={[
-        {
-          text: "Visit BLENDZ",
-          href: "#contact",
-        },
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
-      layoutOrder="default"
-      imageSrc="http://img.b2bpic.net/free-photo/two-cups-hot-tea-vintage-table-old-terrace-steam-rises-mugs-hot-drink-idea-afternoon-tea-banner-old-city-background-clear-sunny-day-vertical-frame-selective-focus_166373-2634.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Menu", id: "menu" },
+              { name: "About", id: "about" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Visit", id: "contact" },
+            ]}
+            brandName="BLENDZ"
+          />
+        </div>
 
-  <div id="why-us" data-section="why-us">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Exceptional Coffee",
-          description: "Consistently described as the best in the area.",
-          imageSrc: "http://img.b2bpic.net/free-vector/coffee-time-background_1114-218.jpg",
-        },
-        {
-          id: 2,
-          title: "Cozy Atmosphere",
-          description: "A space designed to relax and recharge comfortably.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
-        },
-        {
-          id: 3,
-          title: "Friendly Service",
-          description: "Staff that make you feel genuinely welcome always.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",
-        },
-        {
-          id: 4,
-          title: "Fast & Reliable",
-          description: "Great service without long, frustrating waits.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-bio-food-shop-helped-by-seller_482257-81634.jpg",
-        },
-      ]}
-      title="Why People Love BLENDZ"
-      description="More than just a coffee spot—a reliable comfort experience."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboardSplit
+            background={{ variant: "sparkles-gradient" }}
+            logoText="BLENDZ"
+            description="Your Go-To Spot for the Best Coffee in Town. Cozy vibes, perfectly crafted drinks, and a place you’ll always want to come back to."
+            buttons={[
+              { text: "Visit BLENDZ", href: "#contact" },
+              { text: "View Menu", href: "#menu" },
+            ]}
+            layoutOrder="default"
+            imageSrc="http://img.b2bpic.net/free-photo/two-cups-hot-tea-vintage-table-old-terrace-steam-rises-mugs-hot-drink-idea-afternoon-tea-banner-old-city-background-clear-sunny-day-vertical-frame-selective-focus_166373-2634.jpg?_wi=1"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Signature Espresso",
-          price: "$3.50",
-          variant: "Hot",
-          imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Iced Vanilla Latte",
-          price: "$4.75",
-          variant: "Cold",
-          imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Cold Brew Tea",
-          price: "$4.00",
-          variant: "Refreshing",
-          imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=3",
-        },
-        {
-          id: "p4",
-          name: "House Pastry",
-          price: "$3.00",
-          variant: "Sweet",
-          imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=4",
-        },
-      ]}
-      title="Our Crafted Menu"
-      description="From rich espressos to refreshing iced teas and light bites."
-    />
-  </div>
+        <div id="why-us" data-section="why-us">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Exceptional Coffee", description: "Consistently described as the best in the area.", imageSrc: "http://img.b2bpic.net/free-vector/coffee-time-background_1114-218.jpg" },
+              { id: 2, title: "Cozy Atmosphere", description: "A space designed to relax and recharge comfortably.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg" },
+              { id: 3, title: "Friendly Service", description: "Staff that make you feel genuinely welcome always.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg" },
+              { id: 4, title: "Fast & Reliable", description: "Great service without long, frustrating waits.", imageSrc: "http://img.b2bpic.net/free-photo/man-bio-food-shop-helped-by-seller_482257-81634.jpg" },
+            ]}
+            title="Why People Love BLENDZ"
+            description="More than just a coffee spot—a reliable comfort experience."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="A Place You’ll Always Come Back To"
-      description="BLENDZ was created to be more than just a coffee spot. It’s a space where people feel comfortable, welcomed, and taken care of. Every drink, every interaction, and every detail is designed to make your experience feel effortless and enjoyable."
-      imageSrc="http://img.b2bpic.net/free-photo/two-cups-hot-tea-vintage-table-old-terrace-steam-rises-mugs-hot-drink-idea-afternoon-tea-banner-old-city-background-clear-sunny-day-vertical-frame-selective-focus_166373-2634.jpg?_wi=2"
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Signature Espresso", price: "$3.50", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=1" },
+              { id: "p2", name: "Iced Vanilla Latte", price: "$4.75", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=2" },
+              { id: "p3", name: "Cold Brew Tea", price: "$4.00", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=3" },
+              { id: "p4", name: "House Pastry", price: "$3.00", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=4" },
+            ]}
+            title="Our Crafted Menu"
+            description="From rich espressos to refreshing iced teas and light bites."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "I loved the experience. Everything was perfect.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Mark R.",
-          handle: "@markr",
-          testimonial: "Great coffee and a really relaxing place.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-woman-viewing-online-news-smartphone_1262-17810.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily K.",
-          handle: "@emilyk",
-          testimonial: "Always my go-to after a long day.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg",
-        },
-        {
-          id: "t4",
-          name: "David L.",
-          handle: "@davidl",
-          testimonial: "Friendly staff and super fast service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-sipping-drinking-tea_53876-14585.jpg",
-        },
-        {
-          id: "t5",
-          name: "Alex M.",
-          handle: "@alexm",
-          testimonial: "The atmosphere here is unmatched. My favorite place to study.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg?_wi=2",
-        },
-      ]}
-      title="What They Say"
-      description="Loved by locals for the coffee and the cozy vibes."
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="A Place You’ll Always Come Back To"
+            description="BLENDZ was created to be more than just a coffee spot. It’s a space where people feel comfortable, welcomed, and taken care of."
+            imageSrc="http://img.b2bpic.net/free-photo/two-cups-hot-tea-vintage-table-old-terrace-steam-rises-mugs-hot-drink-idea-afternoon-tea-banner-old-city-background-clear-sunny-day-vertical-frame-selective-focus_166373-2634.jpg?_wi=2"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Opening Hours",
-          content: "Mon-Fri: 7am - 8pm, Sat-Sun: 8am - 6pm",
-        },
-        {
-          id: "f2",
-          title: "Location",
-          content: "123 Main Street, Coffee Town",
-        },
-        {
-          id: "f3",
-          title: "Fast Service?",
-          content: "Yes, order ahead or visit our express counter.",
-        },
-      ]}
-      ctaTitle="Ready for your next coffee?"
-      ctaDescription="Visit us at our location or reach out."
-      ctaButton={{
-        text: "Get Directions",
-        href: "#",
-      }}
-      ctaIcon={MapPin}
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "I loved the experience. Everything was perfect.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg?_wi=1" },
+              { id: "t2", name: "Mark R.", handle: "@markr", testimonial: "Great coffee and a really relaxing place.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-woman-viewing-online-news-smartphone_1262-17810.jpg" },
+            ]}
+            title="What They Say"
+            description="Loved by locals for the coffee and the cozy vibes."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="BLENDZ"
-      copyrightText="© 2025 BLENDZ. All rights reserved."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            animationType="slide-up"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Opening Hours", content: "Mon-Fri: 7am - 8pm, Sat-Sun: 8am - 6pm" },
+              { id: "f2", title: "Location", content: "Al Manarah District, Riyadh - Click to open in Maps" },
+            ]}
+            ctaTitle="Visit Us"
+            ctaDescription="We are located in the heart of Al Manarah. Click below to get directions."
+            ctaButton={{
+              text: "Open in Google Maps",              onClick: () => window.open("https://www.google.com/maps/search/?api=1&query=Al+Manarah+Riyadh", "_blank")
+            }}
+            ctaIcon={MapPin}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="BLENDZ"
+            copyrightText="© 2025 BLENDZ. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1