From e7870c9fa5b6859fb0ec85dc51a1a1cc5f06bad2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 04:54:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 529 ++++++++---------------------------------------
 1 file changed, 88 insertions(+), 441 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f311a59..7844e37 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,455 +27,102 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Work",
-          id: "portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="WebZyy"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Work", id: "portfolio" },
+              { name: "Pricing", id: "pricing" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="WebZyy"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "glowing-orb",
-      }}
-      title="Everything You Need to Grow Online 🚀"
-      description="End-to-end web solutions designed to help your business attract, engage, and convert customers."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=1",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=2",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=3",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=4",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=5",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=6",
-          imageAlt: "Warm 3D Orb",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=7",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=8",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=9",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=10",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=11",
-          imageAlt: "Warm 3D Orb",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=12",
-          imageAlt: "Warm 3D Orb",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Your Project",
-          href: "#contact",
-        },
-        {
-          text: "View Our Work",
-          href: "#portfolio",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ happy clients"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg",
-          alt: "Partner 1",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822056.jpg",
-          alt: "Partner 2",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg",
-          alt: "Partner 3",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/3d-weather-forecast-icons-set-white-background_107791-17771.jpg",
-          alt: "Partner 4",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/communication-social-media-icons-smartphone-device_23-2150781041.jpg",
-          alt: "Partner 5",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "glowing-orb" }}
+            title="Everything You Need to Grow Online 🚀"
+            description="End-to-end web solutions designed to help your business attract, engage, and convert customers."
+            leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }]}
+            rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg" }]}
+            buttons={[{ text: "Start Your Project", href: "#contact" }, { text: "View Our Work", href: "#portfolio" }]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Custom Website Design",
-          descriptions: [
-            "Tailored aesthetic that reflects your brand personality.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "SEO Optimization",
-          descriptions: [
-            "Get found by your dream clients on Google.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822056.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          title: "Speed Optimization",
-          descriptions: [
-            "Lightning fast load times for better retention.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg",
-        },
-        {
-          id: "4",
-          title: "Conversion-Focused UI",
-          descriptions: [
-            "Intuitive layouts that drive action.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-weather-forecast-icons-set-white-background_107791-17771.jpg",
-        },
-        {
-          id: "5",
-          title: "Mobile-First Approach",
-          descriptions: [
-            "Perfect experiences on any screen size.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-smartphone-device_23-2150781041.jpg",
-        },
-        {
-          id: "6",
-          title: "Security & Maintenance",
-          descriptions: [
-            "Keeping your site safe, updated, and robust.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004309.jpg",
-        },
-      ]}
-      title="Everything You Need to Grow Online"
-      description="We craft experiences that turn visitors into loyal customers through expert design and strategy."
-      buttons={[
-        {
-          text: "Let's Build Your Website →",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[{ id: "1", title: "Custom Website Design", descriptions: ["Tailored aesthetic that reflects your brand personality."], imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg" }, { id: "2", title: "SEO Optimization", descriptions: ["Get found by your dream clients on Google."], imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822056.jpg" }, { id: "3", title: "Speed Optimization", descriptions: ["Lightning fast load times for better retention."], imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-left-side-with-white-background_187299-39887.jpg" }, { id: "4", title: "Conversion-Focused UI", descriptions: ["Intuitive layouts that drive action."], imageSrc: "http://img.b2bpic.net/free-photo/3d-weather-forecast-icons-set-white-background_107791-17771.jpg" }, { id: "5", title: "Mobile-First Approach", descriptions: ["Perfect experiences on any screen size."], imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-smartphone-device_23-2150781041.jpg" }, { id: "6", title: "Security & Maintenance", descriptions: ["Keeping your site safe, updated, and robust."], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004309.jpg" }]}
+            title="Everything You Need to Grow Online"
+            description="We craft experiences that turn visitors into loyal customers through expert design and strategy."
+            buttons={[{ text: "Let's Build Your Website →", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardFour
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Business Website",
-          price: "3x Traffic Growth",
-          variant: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-psd/swiss-design-instagram-stories-set_23-2148876347.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "E-commerce Platform",
-          price: "Higher Conversions",
-          variant: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-creditcard-lipgloss-concept_53876-23200.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "High-Lead Landing Page",
-          price: "More Leads",
-          variant: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/orange-leaf-organic-background_23-2148872833.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Corporate Portal",
-          price: "Efficiency Gains",
-          variant: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-psd/swiss-design-instagram-stories-set_23-2148876347.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          name: "Personal Branding",
-          price: "Brand Growth",
-          variant: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-creditcard-lipgloss-concept_53876-23200.jpg?_wi=2",
-        },
-        {
-          id: "p6",
-          name: "Saas Dashboard",
-          price: "User Retention",
-          variant: "Case Study",
-          imageSrc: "http://img.b2bpic.net/free-photo/orange-leaf-organic-background_23-2148872833.jpg?_wi=2",
-        },
-      ]}
-      title="Our Work Speaks for Itself"
-      description="Real websites. Real results. See how we help businesses grow online."
-      buttons={[
-        {
-          text: "View Full Portfolio →",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="portfolio" data-section="portfolio">
+          <ProductCardFour
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            products={[{ id: "p1", name: "Business Website", price: "3x Traffic Growth", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/swiss-design-instagram-stories-set_23-2148876347.jpg" }, { id: "p2", name: "E-commerce Platform", price: "Higher Conversions", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/shopping-bag-creditcard-lipgloss-concept_53876-23200.jpg" }, { id: "p3", name: "High-Lead Landing Page", price: "More Leads", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/orange-leaf-organic-background_23-2148872833.jpg" }]}
+            title="Our Work Speaks for Itself"
+            description="Real websites. Real results. See how we help businesses grow online."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          title: "Basic",
-          price: "₹4,999",
-          period: "/ project",
-          features: [
-            "Responsive Layout",
-            "Basic SEO",
-            "Contact Form",
-          ],
-          button: {
-            text: "Get Started Today →",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/lemon-silhouette_171337-11060.jpg?_wi=13",
-          imageAlt: "glowing golden 3D orb",
-        },
-        {
-          id: "standard",
-          title: "Standard",
-          price: "₹9,999",
-          period: "/ project",
-          features: [
-            "Everything in Basic",
-            "Advanced SEO",
-            "3 Months Support",
-          ],
-          button: {
-            text: "Get Started Today →",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg?_wi=2",
-          imageAlt: "3D web design icon",
-        },
-        {
-          id: "premium",
-          title: "Premium",
-          price: "₹19,999",
-          period: "/ project",
-          features: [
-            "Everything in Standard",
-            "E-commerce Integration",
-            "1 Year Priority",
-          ],
-          button: {
-            text: "Get Started Today →",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-concept_23-2150822056.jpg?_wi=2",
-          imageAlt: "3D SEO icon",
-        },
-      ]}
-      title="Simple Pricing for Every Business"
-      description="Choose the level that matches your current growth stage."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[{ id: "basic", title: "Basic", price: "₹4,999", period: "/ project", features: ["Responsive Layout", "Basic SEO", "Contact Form"], button: { text: "Get Started" } }, { id: "standard", title: "Standard", price: "₹9,999", period: "/ project", features: ["Everything in Basic", "Advanced SEO", "3 Months Support"], button: { text: "Get Started" } }, { id: "premium", title: "Premium", price: "₹19,999", period: "/ project", features: ["Everything in Standard", "E-commerce Integration", "1 Year Priority"], button: { text: "Get Started" } }]}
+            title="Simple Pricing for Every Business"
+            description="Choose the level that matches your current growth stage."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "At WebZyy, we are passionate about helping businesses succeed online. We don't just build websites — we build growth engines.",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/realistic-texture-with-peach-fuzz-shade_23-2151485184.jpg",
-          alt: "Warm Glowing Amber Blob",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[{ type: "text", content: "At WebZyy, we are passionate about helping businesses succeed online." }, { type: "image", src: "http://img.b2bpic.net/free-photo/realistic-texture-with-peach-fuzz-shade_23-2151485184.jpg" }]}
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "AlphaTech",
-        "GrowthInc",
-        "GlobalDesign",
-        "Innovate",
-        "Zenith",
-        "BrightFuture",
-        "ClearVision",
-      ]}
-      title="Trusted by 100+ Clients"
-      description="3x Traffic Growth | 100+ Projects | 24hr Response Time"
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            names={["AlphaTech", "GrowthInc", "GlobalDesign", "Innovate", "Zenith"]}
+            title="Trusted by 100+ Clients"
+            description="3x Traffic Growth | 100+ Projects"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Let's Build Something Great"
-      title="We're Ready for Your Project"
-      description="Interested in working together? Send us a message or WhatsApp. We reply within 24 hours."
-      buttons={[
-        {
-          text: "Send Email",
-          href: "mailto:hello@webzyy.com",
-        },
-        {
-          text: "Message on WhatsApp",
-          href: "https://wa.me/yournumber",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Let's Build Something Great"
+            title="We're Ready for Your Project"
+            description="Interested in working together? Send us a message."
+            buttons={[{ text: "Send Email", href: "mailto:hello@webzyy.com" }, { text: "WhatsApp", href: "https://wa.me/yournumber" }]}
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="WebZyy"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="WebZyy"
+            columns={[{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] }, { items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1