From 6241f49e099e7b7e3170ebc23188bcf89ba62c55 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 09:12:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 250 ++++++++++++++++++-----------------------------
 1 file changed, 94 insertions(+), 156 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c1136d5..c1e1430 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,169 +13,107 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="medium"
-        sizing="medium"
-        background="noise"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "Portfolio",          id: "/portfolio"},
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
-      button={{
-        text: "Book Free Consultation",        href: "/contact"}}
-      brandName="DIGITAL DARWAAZA"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{ text: "Book Free Consultation", href: "/contact" }}
+            brandName="DIGITAL DARWAAZA"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars"}}
-      title="We Open The Digital Door To Explosive Business Growth"
-      description="We build powerful digital presences that convert visitors into customers — SEO, social media, web design, and performance marketing, all under one roof."
-      buttons={[
-        {
-          text: "Explore Services",          href: "/services"},
-        {
-          text: "View Our Work",          href: "/portfolio"},
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png",          imageAlt: "Digital Darwaaza Agency Hero"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png",          imageAlt: "Growth Analytics"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png",          imageAlt: "Meta Marketing Success"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png",          imageAlt: "Web Design Excellence"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png",          imageAlt: "Brand Transformation"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png",          imageAlt: "Business Scaling"},
-      ]}
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="We Open The Digital Door To Explosive Business Growth"
+            description="We build powerful digital presences that convert visitors into customers — SEO, social media, web design, and performance marketing, all under one roof."
+            buttons={[
+              { text: "Explore Services", href: "/services" },
+              { text: "View Our Work", href: "/portfolio" },
+            ]}
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Digital Darwaaza Agency Hero" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Growth Analytics" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Meta Marketing Success" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Web Design Excellence" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png", imageAlt: "Brand Transformation" },
+            ]}
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTen
-      animationType="slide-up"
-      useInvertedBackground={false}
-      textboxLayout="centered"
-      metrics={[
-        {
-          id: "m1",          title: "Projects Delivered",          subtitle: "Top Tier Execution",          category: "Scale",          value: "50+"},
-        {
-          id: "m2",          title: "Happy Clients",          subtitle: "Global Brand Reach",          category: "Retention",          value: "30+"},
-        {
-          id: "m3",          title: "Average ROAS",          subtitle: "Performance Marketing",          category: "Profit",          value: "300%"},
-        {
-          id: "m4",          title: "Industry Exp",          subtitle: "Seasoned Expertise",          category: "Time",          value: "3 Yrs"},
-        {
-          id: "m5",          title: "Retention Rate",          subtitle: "Long Term Partnership",          category: "Trust",          value: "95%"},
-      ]}
-      title="Proven Results"
-      description="We measure our success by your ROI."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTen
+            animationType="slide-up"
+            useInvertedBackground={false}
+            textboxLayout="default"
+            metrics={[
+              { id: "m1", title: "Projects Delivered", subtitle: "Top Tier Execution", category: "Scale", value: "50+" },
+              { id: "m2", title: "Happy Clients", subtitle: "Global Brand Reach", category: "Retention", value: "30+" },
+              { id: "m3", title: "Average ROAS", subtitle: "Performance Marketing", category: "Profit", value: "300%" },
+              { id: "m4", title: "Industry Exp", subtitle: "Seasoned Expertise", category: "Time", value: "3 Yrs" },
+              { id: "m5", title: "Retention Rate", subtitle: "Long Term Partnership", category: "Trust", value: "95%" },
+            ]}
+            title="Proven Results"
+            description="We measure our success by your ROI."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Meta Ads & Marketing",          description: "Data-driven Facebook & Instagram campaigns that convert browsers into buyers.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-high-quality-showcase-of-a-modern-webs-1774948289037-560f437b.png"},
-        {
-          id: 2,
-          title: "SEO Optimization",          description: "Boost your visibility and rank higher in search results organically.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-vibrant-and-professional-showcase-of-a-1774948288793-87392a1a.png"},
-        {
-          id: 3,
-          title: "Web Development",          description: "High-performing, responsive websites built to impress and convert.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/elegant-and-modern-web-interface-design--1774948290368-84bcb453.png"},
-        {
-          id: 4,
-          title: "Content Strategy",          description: "Captivating creative that tells your brand story effectively.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-high-quality-showcase-of-a-modern-webs-1774948289037-560f437b.png"},
-        {
-          id: 5,
-          title: "Branding",          description: "Create a distinct identity that stands out in the marketplace.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-vibrant-and-professional-showcase-of-a-1774948288793-87392a1a.png"},
-      ]}
-      title="Services That Drive Results"
-      description="From Meta Ads to full-scale web development — we have every digital touchpoint covered for your brand's unstoppable growth."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Meta Ads & Marketing", description: "Data-driven Facebook & Instagram campaigns that convert browsers into buyers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-high-quality-showcase-of-a-modern-webs-1774948289037-560f437b.png" },
+              { id: 2, title: "SEO Optimization", description: "Boost your visibility and rank higher in search results organically.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-vibrant-and-professional-showcase-of-a-1774948288793-87392a1a.png" },
+              { id: 3, title: "Web Development", description: "High-performing, responsive websites built to impress and convert.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/elegant-and-modern-web-interface-design--1774948290368-84bcb453.png" },
+              { id: 4, title: "Content Strategy", description: "Captivating creative that tells your brand story effectively.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-high-quality-showcase-of-a-modern-webs-1774948289037-560f437b.png" },
+              { id: 5, title: "Branding", description: "Create a distinct identity that stands out in the marketplace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-vibrant-and-professional-showcase-of-a-1774948288793-87392a1a.png" },
+            ]}
+            title="Services That Drive Results"
+            description="From Meta Ads to full-scale web development — we have every digital touchpoint covered for your brand's unstoppable growth."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
-      title="Ready to Grow?"
-      description="Book a free consultation and discover exactly how we'll take your business to the next level."
-      buttonText="Book Now"
-      tag="Get Started"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="Ready to Grow?"
+            description="Book a free consultation and discover exactly how we'll take your business to the next level."
+            buttonText="Book Now"
+            tag="Get Started"
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by Industry Leaders"
-      description="We partner with ambitious brands to accelerate their growth through data and creative."
-      tag="Our Partners"
-      names={[
-        "Global Tech",        "Innovate Inc",        "Retail Giants",        "Finance Pro",        "Health First"]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png"
-      columns={[
-        {
-          title: "Quick Links",          items: [
-            {
-              label: "Home",              href: "/"},
-            {
-              label: "Services",              href: "/services"},
-            {
-              label: "Portfolio",              href: "/portfolio"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Blog",              href: "/blog"},
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
-      ]}
-      copyrightText="© 2026 Digital Darwaaza. All Rights Reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BG5T3PDW4FFN3gl5RZ8bigdKI8/a-deep-black-background-with-subtle-glow-1774948289958-e77d3f64.png"
+            columns={[
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }] },
+              { title: "Support", items: [{ label: "About Us", href: "/about" }, { label: "Blog", href: "/blog" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            copyrightText="© 2026 Digital Darwaaza. All Rights Reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1