From 40e5888644316d1f91ca9c821a0ce804b0921304 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 4 Jun 2026 22:07:23 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8b7e74d..b05a3b8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Code, Facebook, Github, Linkedin, Palette, Rocket, Search, User } from "lucide-react";
+import { Code, Facebook, Github, Linkedin, Palette, Rocket, Search, User, Utensils, Coffee, Store, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,71 +31,41 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Portfolio",
-          id: "#portfolio",
-        },
+          name: "Portfolio",          id: "#portfolio"},
         {
-          name: "Process",
-          id: "#process",
-        },
+          name: "Process",          id: "#process"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Y · Studio"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Websites built for Cairo's restaurants, cafés & stores."
       description="I create bespoke, high-performance digital experiences tailored to elevate your local business. From stunning visuals to seamless functionality, I ensure your online presence perfectly reflects your brand's unique charm."
       tag="Cairo, Egypt · Web Design Studio"
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "View My Services",
-          href: "#services",
-        },
+          text: "View My Services",          href: "#services"},
         {
-          text: "Get In Touch",
-          href: "#contact",
-        },
+          text: "Get In Touch",          href: "#contact"},
       ]}
       buttonAnimation="slide-up"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865364.jpg",
-          imageAlt: "Modern restaurant website design on a laptop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865364.jpg",          imageAlt: "Modern restaurant website design on a laptop"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg",
-          imageAlt: "Sleek cafe website design on a tablet",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-strawberries-candies-white-surface-celebration-tea-sweet-biscuit-sugar-cake-cream_140725-101975.jpg",
-          imageAlt: "Person taking photo of cherries and blueberries on plate with smartphone",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336705.jpg",
-          imageAlt: "3d character emerging from a smartphone",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-delicious-pasta-dish_23-2148149131.jpg",
-          imageAlt: "Hands taking noodles photos flat lay",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg",          imageAlt: "Sleek cafe website design on a tablet"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -122,29 +92,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "01 Restaurant Websites",
-          description: "Elegant online menus, seamless reservation systems, and visually rich galleries that entice diners.",
-          buttonIcon: "Utensils",
-          imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-ready-sending-orders_482257-76141.jpg",
-        },
+          title: "01 Restaurant Websites",          description: "Elegant online menus, seamless reservation systems, and visually rich galleries that entice diners.",          buttonIcon: Utensils,
+          imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-ready-sending-orders_482257-76141.jpg"},
         {
-          title: "02 Café Websites",
-          description: "Showcase your cozy ambiance, daily specials, and easy online ordering for your loyal customers.",
-          buttonIcon: "Coffee",
-          imageSrc: "http://img.b2bpic.net/free-vector/14-caffeine-streaming-social-media-icon-pack_1142-20076.jpg",
-        },
+          title: "02 Café Websites",          description: "Showcase your cozy ambiance, daily specials, and easy online ordering for your loyal customers.",          buttonIcon: Coffee,
+          imageSrc: "http://img.b2bpic.net/free-vector/14-caffeine-streaming-social-media-icon-pack_1142-20076.jpg"},
         {
-          title: "03 Local Store Websites",
-          description: "From product showcases to integrated e-commerce, I build sites that convert browsers into buyers.",
-          buttonIcon: "Store",
-          imageSrc: "http://img.b2bpic.net/free-photo/fabulous-life-shopping-online-feminine_53876-125599.jpg",
-        },
+          title: "03 Local Store Websites",          description: "From product showcases to integrated e-commerce, I build sites that convert browsers into buyers.",          buttonIcon: Store,
+          imageSrc: "http://img.b2bpic.net/free-photo/fabulous-life-shopping-online-feminine_53876-125599.jpg"},
         {
-          title: "04 Custom Solutions",
-          description: "Beyond standard templates, I build unique features and functionalities specific to your business needs.",
-          buttonIcon: "Sparkles",
-          imageSrc: "http://img.b2bpic.net/free-vector/isometric-illustration-window-opening-wall_1057-219169.jpg",
-        },
+          title: "04 Custom Solutions",          description: "Beyond standard templates, I build unique features and functionalities specific to your business needs.",          buttonIcon: Sparkles,
+          imageSrc: "http://img.b2bpic.net/free-vector/isometric-illustration-window-opening-wall_1057-219169.jpg"},
       ]}
       title="Specialized Web Design for Local Businesses"
       description="I offer tailored web design solutions that capture the essence of your brand and connect with your local audience."
@@ -160,47 +118,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Restaurant Project",
-          price: "Coming Soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-smartphone-white-background_187299-46381.jpg",
-          imageAlt: "Coming soon restaurant website mockup",
-        },
+          id: "p1",          name: "Restaurant Project",          price: "Coming Soon",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-smartphone-white-background_187299-46381.jpg",          imageAlt: "Coming soon restaurant website mockup"},
         {
-          id: "p2",
-          name: "Café Project",
-          price: "Coming Soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198397.jpg",
-          imageAlt: "Coming soon cafe website mockup",
-        },
+          id: "p2",          name: "Café Project",          price: "Coming Soon",          imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198397.jpg",          imageAlt: "Coming soon cafe website mockup"},
         {
-          id: "p3",
-          name: "Local Store Project",
-          price: "Coming Soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/golden-shopping-cart-white-glitter-with-gift_23-2148667015.jpg",
-          imageAlt: "Coming soon local store website mockup",
-        },
+          id: "p3",          name: "Local Store Project",          price: "Coming Soon",          imageSrc: "http://img.b2bpic.net/free-photo/golden-shopping-cart-white-glitter-with-gift_23-2148667015.jpg",          imageAlt: "Coming soon local store website mockup"},
         {
-          id: "p4",
-          name: "Boutique Project",
-          price: "Coming Soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/youth-spirit-teenager-personality-characteristics_53876-13855.jpg",
-          imageAlt: "Coming soon boutique website mockup",
-        },
+          id: "p4",          name: "Boutique Project",          price: "Coming Soon",          imageSrc: "http://img.b2bpic.net/free-photo/youth-spirit-teenager-personality-characteristics_53876-13855.jpg",          imageAlt: "Coming soon boutique website mockup"},
         {
-          id: "p5",
-          name: "Bakery Project",
-          price: "Coming Soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-baker-holding-blank-digital-tablet-with-baked-breads_23-2147883530.jpg",
-          imageAlt: "Coming soon bakery website mockup",
-        },
+          id: "p5",          name: "Bakery Project",          price: "Coming Soon",          imageSrc: "http://img.b2bpic.net/free-photo/male-baker-holding-blank-digital-tablet-with-baked-breads_23-2147883530.jpg",          imageAlt: "Coming soon bakery website mockup"},
         {
-          id: "p6",
-          name: "Grocery Project",
-          price: "Coming Soon",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-notepad-vegetables-kitchen-table-preparing-recipe_169016-24559.jpg",
-          imageAlt: "Coming soon grocery website mockup",
-        },
+          id: "p6",          name: "Grocery Project",          price: "Coming Soon",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-notepad-vegetables-kitchen-table-preparing-recipe_169016-24559.jpg",          imageAlt: "Coming soon grocery website mockup"},
       ]}
       title="Portfolio: Websites for Cairo's Best"
       description="A glimpse into digital spaces I've crafted, designed to tell unique stories and drive local engagement. Many more projects are currently underway."
@@ -216,32 +144,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "01",
-          title: "Discovery",
-          description: "Understanding your brand, audience, and unique business goals.",
-          icon: Search,
+          id: "m1",          value: "01",          title: "Discovery",          description: "Understanding your brand, audience, and unique business goals.",          icon: Search,
         },
         {
-          id: "m2",
-          value: "02",
-          title: "Design",
-          description: "Crafting stunning visuals and intuitive user experiences tailored to your vision.",
-          icon: Palette,
+          id: "m2",          value: "02",          title: "Design",          description: "Crafting stunning visuals and intuitive user experiences tailored to your vision.",          icon: Palette,
         },
         {
-          id: "m3",
-          value: "03",
-          title: "Build",
-          description: "Developing a responsive, fast, and robust website with clean code.",
-          icon: Code,
+          id: "m3",          value: "03",          title: "Build",          description: "Developing a responsive, fast, and robust website with clean code.",          icon: Code,
         },
         {
-          id: "m4",
-          value: "04",
-          title: "Launch",
-          description: "Deploying your new website and ensuring a smooth, successful debut.",
-          icon: Rocket,
+          id: "m4",          value: "04",          title: "Launch",          description: "Deploying your new website and ensuring a smooth, successful debut.",          icon: Rocket,
         },
       ]}
       title="A Transparent Journey from Vision to Launch"
@@ -254,22 +166,15 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       text="Ready to build your dream website? Let's connect and transform your vision into a stunning digital reality for your Cairo business."
       buttons={[
         {
-          text: "Call 0103 8986550",
-          href: "tel:01038986550",
-        },
+          text: "Call 0103 8986550",          href: "tel:01038986550"},
         {
-          text: "WhatsApp Now",
-          href: "https://wa.me/201038986550",
-        },
+          text: "WhatsApp Now",          href: "https://wa.me/201038986550"},
         {
-          text: "Email zurichkairo@gmail.com",
-          href: "mailto:zurichkairo@gmail.com",
-        },
+          text: "Email zurichkairo@gmail.com",          href: "mailto:zurichkairo@gmail.com"},
       ]}
     />
   </div>
@@ -281,19 +186,13 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Github,
-          href: "#",
-          ariaLabel: "GitHub profile",
-        },
+          href: "#",          ariaLabel: "GitHub profile"},
         {
           icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn profile",
-        },
+          href: "#",          ariaLabel: "LinkedIn profile"},
         {
           icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook page",
-        },
+          href: "#",          ariaLabel: "Facebook page"},
       ]}
     />
   </div>
-- 
2.49.1