From d357fc3578dfcdd7285e5ce184bc8fc2954ed5d2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 10:24:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 581 ++++++++++++++---------------------------------
 1 file changed, 174 insertions(+), 407 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 827f345..8593531 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,425 +18,192 @@ import { Award, CheckCircle, Code, Monitor, PenTool, Share2, Target, TrendingUp,
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      defaultButtonVariant="shift-hover"
+      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">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Portfolio",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Nexus Agency"
-      button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "features" },
+              { name: "Portfolio", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Nexus Agency"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Crafting Digital Excellence"
-      description="We build high-performance websites and digital experiences that elevate your brand and drive measurable growth for ambitious businesses."
-      buttons={[
-        {
-          text: "View Our Work",
-          href: "#products",
-        },
-        {
-          text: "Book Consultation",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-flowing-particles-creating-anstract-landscape-modern-technology_1048-12001.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg",
-          alt: "3D network communications",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-flowing-dots-with-shallow-depth-field_1048-11868.jpg",
-          alt: "3D abstract connections",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-render-low-poly-design-abstract-blur-background_1048-12681.jpg",
-          alt: "3D low poly design",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/minimal-digital-futuristic-technology-background_53876-102622.jpg",
-          alt: "Minimal digital tech",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",
-          alt: "UX/UI design concept",
-        },
-      ]}
-      avatarText="Trusted by top industry leaders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Innovative Design",
-        },
-        {
-          type: "text",
-          text: "Strategic Growth",
-        },
-        {
-          type: "text",
-          text: "Seamless Tech",
-        },
-        {
-          type: "text",
-          text: "Modern Branding",
-        },
-        {
-          type: "text",
-          text: "High Conversion",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Crafting Digital Excellence"
+            description="We build high-performance websites and digital experiences that elevate your brand and drive measurable growth for ambitious businesses."
+            buttons={[{ text: "View Our Work", href: "#products" }, { text: "Book Consultation", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/3d-render-flowing-particles-creating-anstract-landscape-modern-technology_1048-12001.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg", alt: "3D network communications" },
+              { src: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-flowing-dots-with-shallow-depth-field_1048-11868.jpg", alt: "3D abstract connections" },
+              { src: "http://img.b2bpic.net/free-photo/3d-render-low-poly-design-abstract-blur-background_1048-12681.jpg", alt: "3D low poly design" },
+              { src: "http://img.b2bpic.net/free-photo/minimal-digital-futuristic-technology-background_53876-102622.jpg", alt: "Minimal digital tech" },
+              { src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg", alt: "UX/UI design concept" }
+            ]}
+            avatarText="Trusted by top industry leaders"
+            marqueeItems={[
+              { type: "text", text: "Innovative Design" },
+              { type: "text", text: "Strategic Growth" },
+              { type: "text", text: "Seamless Tech" },
+              { type: "text", text: "Modern Branding" },
+              { type: "text", text: "High Conversion" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Web Design",
-          description: "Beautiful, responsive websites.",
-          items: [
-            {
-              icon: Monitor,
-              text: "UX/UI Design",
-            },
-            {
-              icon: Code,
-              text: "Custom Development",
-            },
-          ],
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
-          },
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-flowing-particles-creating-anstract-landscape-modern-technology_1048-12001.jpg?_wi=2",
-          imageAlt: "web design interface mockup",
-        },
-        {
-          title: "Brand Strategy",
-          description: "Defining your market presence.",
-          items: [
-            {
-              icon: PenTool,
-              text: "Identity Design",
-            },
-            {
-              icon: Target,
-              text: "Brand Positioning",
-            },
-          ],
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-125507.jpg",
-          },
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-vector/seo-square-compositions-set_1284-16359.jpg",
-          imageAlt: "web design interface mockup",
-        },
-        {
-          title: "Digital Growth",
-          description: "Strategies that convert users.",
-          items: [
-            {
-              icon: TrendingUp,
-              text: "SEO Optimization",
-            },
-            {
-              icon: Share2,
-              text: "Content Marketing",
-            },
-          ],
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg?_wi=1",
-          },
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-floating-phones-geometric-shapes_187299-48090.jpg?_wi=1",
-          imageAlt: "web design interface mockup",
-        },
-      ]}
-      title="Comprehensive Design Services"
-      description="Expert solutions tailored to your unique business goals."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Web Design",                description: "Beautiful, responsive websites.",                items: [{ icon: Monitor, text: "UX/UI Design" }, { icon: Code, text: "Custom Development" }],
+                media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg" },
+                reverse: false
+              },
+              {
+                title: "Brand Strategy",                description: "Defining your market presence.",                items: [{ icon: PenTool, text: "Identity Design" }, { icon: Target, text: "Brand Positioning" }],
+                media: { imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-125507.jpg" },
+                reverse: true
+              },
+              {
+                title: "Digital Growth",                description: "Strategies that convert users.",                items: [{ icon: TrendingUp, text: "SEO Optimization" }, { icon: Share2, text: "Content Marketing" }],
+                media: { imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg" },
+                reverse: false
+              }
+            ]}
+            title="Comprehensive Design Services"
+            description="Expert solutions tailored to your unique business goals."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Our Philosophy"
-      title="Built for Results"
-      description="We combine creative vision with technical precision to deliver digital products that stand the test of time."
-      subdescription="With over 10 years of experience, we've helped hundreds of businesses scale their digital presence effectively."
-      icon={Award}
-      imageSrc="http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg?_wi=2"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Our Philosophy"
+            title="Built for Results"
+            description="We combine creative vision with technical precision to deliver digital products that stand the test of time."
+            subdescription="With over 10 years of experience, we've helped hundreds of businesses scale their digital presence effectively."
+            icon={Award}
+            imageSrc="http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Brand Revamp",
-          price: "Featured",
-          variant: "Web/UI",
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-floating-phones-geometric-shapes_187299-48090.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "E-Commerce Suite",
-          price: "Featured",
-          variant: "Shopify",
-          imageSrc: "http://img.b2bpic.net/free-photo/stores-blurred-makeup_1203-827.jpg",
-        },
-        {
-          id: "3",
-          name: "Mobile App UI",
-          price: "Featured",
-          variant: "Product",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-black-white-background_9975-133582.jpg",
-        },
-        {
-          id: "4",
-          name: "Dashboard SaaS",
-          price: "Featured",
-          variant: "Web",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
-        },
-        {
-          id: "5",
-          name: "Editorial Blog",
-          price: "Featured",
-          variant: "Content",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-elements-arrangement-with-empty-screen-tablet_23-2148708013.jpg",
-        },
-        {
-          id: "6",
-          name: "Corporate Site",
-          price: "Featured",
-          variant: "Web",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wonprm",
-        },
-      ]}
-      title="Recent Projects"
-      description="A curated selection of our work across various industries."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Brand Revamp", price: "Featured", variant: "Web/UI", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-floating-phones-geometric-shapes_187299-48090.jpg" },
+              { id: "2", name: "E-Commerce Suite", price: "Featured", variant: "Shopify", imageSrc: "http://img.b2bpic.net/free-photo/stores-blurred-makeup_1203-827.jpg" },
+              { id: "3", name: "Mobile App UI", price: "Featured", variant: "Product", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-black-white-background_9975-133582.jpg" },
+              { id: "4", name: "Dashboard SaaS", price: "Featured", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
+              { id: "5", name: "Editorial Blog", price: "Featured", variant: "Content", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-elements-arrangement-with-empty-screen-tablet_23-2148708013.jpg" },
+              { id: "6", name: "Corporate Site", price: "Featured", variant: "Web", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wonprm" }
+            ]}
+            title="Recent Projects"
+            description="A curated selection of our work across various industries."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          title: "Projects Completed",
-          value: "250+",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          title: "Happy Clients",
-          value: "180+",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          title: "Conversion Lift",
-          value: "150%",
-          icon: TrendingUp,
-        },
-      ]}
-      title="Impact by the Numbers"
-      description="Our work drives tangible growth for all our partners."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", title: "Projects Completed", value: "250+", icon: CheckCircle },
+              { id: "m2", title: "Happy Clients", value: "180+", icon: Users },
+              { id: "m3", title: "Conversion Lift", value: "150%", icon: TrendingUp }
+            ]}
+            title="Impact by the Numbers"
+            description="Our work drives tangible growth for all our partners."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "CEO, TechFlow",
-          testimonial: "Nexus transformed our brand completely. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark D.",
-          role: "Director, Innovate",
-          testimonial: "Exceptional development skills and strategic thinking.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena R.",
-          role: "Founder, Bloom",
-          testimonial: "Professional, creative, and extremely reliable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg",
-        },
-        {
-          id: "t4",
-          name: "David W.",
-          role: "VP, GrowthCo",
-          testimonial: "A true partner in our digital success journey.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
-        },
-        {
-          id: "t5",
-          name: "Jane K.",
-          role: "CTO, StartupX",
-          testimonial: "The best design agency we've worked with yet.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
-        },
-      ]}
-      title="Client Success"
-      description="Hear what our partners have to say about our partnership."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah J.", role: "CEO, TechFlow", testimonial: "Nexus transformed our brand completely. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg" },
+              { id: "t2", name: "Mark D.", role: "Director, Innovate", testimonial: "Exceptional development skills and strategic thinking.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" },
+              { id: "t3", name: "Elena R.", role: "Founder, Bloom", testimonial: "Professional, creative, and extremely reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg" },
+              { id: "t4", name: "David W.", role: "VP, GrowthCo", testimonial: "A true partner in our digital success journey.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg" },
+              { id: "t5", name: "Jane K.", role: "CTO, StartupX", testimonial: "The best design agency we've worked with yet.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" }
+            ]}
+            title="Client Success"
+            description="Hear what our partners have to say about our partnership."
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Microsoft",
-        "Google",
-        "Apple",
-        "Stripe",
-        "Airbnb",
-        "Shopify",
-        "Slack",
-      ]}
-      title="Trusted by Leaders"
-      description="Collaborating with ambitious brands globally."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Microsoft", "Google", "Apple", "Stripe", "Airbnb", "Shopify", "Slack"]}
+            title="Trusted by Leaders"
+            description="Collaborating with ambitious brands globally."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How long do projects take?",
-          content: "Depending on scope, typically 4-8 weeks.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer maintenance?",
-          content: "Yes, we provide ongoing support packages.",
-        },
-        {
-          id: "f3",
-          title: "Can I request a custom quote?",
-          content: "Absolutely, just contact us below.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      sideDescription="Everything you need to know about working with us."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How long do projects take?", content: "Depending on scope, typically 4-8 weeks." },
+              { id: "f2", title: "Do you offer maintenance?", content: "Yes, we provide ongoing support packages." },
+              { id: "f3", title: "Can I request a custom quote?", content: "Absolutely, just contact us below." }
+            ]}
+            sideTitle="Common Questions"
+            sideDescription="Everything you need to know about working with us."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Let’s Build Together"
-      description="Ready to take your digital presence to the next level? Get in touch today."
-      tag="Let's Talk"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            title="Let’s Build Together"
+            description="Ready to take your digital presence to the next level? Get in touch today."
+            tag="Let's Talk"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Nexus Agency"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Help",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Nexus Agency"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
+              { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Help", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1