From f391068c46ebccd7414dc7007221a7912a7ca03a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 19 May 2026 04:02:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 540 +++++++++++++----------------------------------
 1 file changed, 146 insertions(+), 394 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ef1ac6..624f978 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,410 +30,162 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-      ]}
-      brandName="SocialPulse"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "features" },
+              { name: "Products", id: "products" },
+              { name: "Pricing", id: "pricing" },
+            ]}
+            brandName="SocialPulse"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Elevate Your Digital Presence"
-      description="Unlock expert-led social media services and premium digital tools tailored to grow your brand, increase engagement, and streamline your workflow."
-      buttons={[
-        {
-          text: "View Products",
-          href: "#products",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7arsvo&_wi=1"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h2uxlx",
-          alt: "professional business portrait person",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bzdvw",
-          alt: "professional business portrait person",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j33y4u",
-          alt: "professional business portrait person",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mqnz2s",
-          alt: "professional business portrait person",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ly5y8",
-          alt: "professional business portrait person",
-        },
-      ]}
-      avatarText="Trusted by 5,000+ creators"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Elevate Your Digital Presence"
+            description="Unlock expert-led social media services and premium digital tools tailored to grow your brand, increase engagement, and streamline your workflow."
+            buttons={[
+              { text: "View Products", href: "#products" },
+              { text: "Learn More", href: "#about" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7arsvo"
+            avatars={[
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h2uxlx", alt: "professional business portrait person" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bzdvw", alt: "professional business portrait person" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j33y4u", alt: "professional business portrait person" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mqnz2s", alt: "professional business portrait person" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ly5y8", alt: "professional business portrait person" },
+            ]}
+            avatarText="Trusted by 5,000+ creators"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Empowering Creators & Businesses"
-      description="We specialize in bridging the gap between professional social media strategy and accessible digital products. Our team helps you scale by providing actionable insights and high-quality creative assets built for modern digital needs."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8gues&_wi=1"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="Empowering Creators & Businesses"
+            description="We specialize in bridging the gap between professional social media strategy and accessible digital products. Our team helps you scale by providing actionable insights and high-quality creative assets built for modern digital needs."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8gues"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Zap,
-          title: "Strategic Content Planning",
-          description: "Engaging calendars that drive consistent results and brand awareness.",
-        },
-        {
-          icon: Shield,
-          title: "Brand Strategy Design",
-          description: "Develop a cohesive identity that sets you apart from your competition.",
-        },
-        {
-          icon: BarChart2,
-          title: "Performance Analytics",
-          description: "Data-driven insights to optimize your reach and improve audience conversion.",
-        },
-      ]}
-      title="Services That Scale Your Growth"
-      description="Comprehensive solutions for ambitious creators and business owners."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Zap, title: "Strategic Content Planning", description: "Engaging calendars that drive consistent results and brand awareness." },
+              { icon: Shield, title: "Brand Strategy Design", description: "Develop a cohesive identity that sets you apart from your competition." },
+              { icon: BarChart2, title: "Performance Analytics", description: "Data-driven insights to optimize your reach and improve audience conversion." },
+            ]}
+            title="Services That Scale Your Growth"
+            description="Comprehensive solutions for ambitious creators and business owners."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "SocialPulse",
-          name: "Mega Content Template Pack",
-          price: "$49",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dk9q7o",
-        },
-        {
-          id: "p2",
-          brand: "SocialPulse",
-          name: "Viral Strategy Course",
-          price: "$199",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itxfht",
-        },
-        {
-          id: "p3",
-          brand: "SocialPulse",
-          name: "Aesthetic Filter Bundle",
-          price: "$29",
-          rating: 4,
-          reviewCount: "250",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0dhq8",
-        },
-        {
-          id: "p4",
-          brand: "SocialPulse",
-          name: "Professional Editing Presets",
-          price: "$39",
-          rating: 5,
-          reviewCount: "400",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gj0amq",
-        },
-        {
-          id: "p5",
-          brand: "SocialPulse",
-          name: "Brand Identity Master Kit",
-          price: "$129",
-          rating: 5,
-          reviewCount: "60",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=os3tj3",
-        },
-        {
-          id: "p6",
-          brand: "SocialPulse",
-          name: "Creator Strategy E-book",
-          price: "$19",
-          rating: 5,
-          reviewCount: "90",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ripyyp",
-        },
-      ]}
-      title="Premium Digital Assets"
-      description="High-quality products to accelerate your creative workflow."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", brand: "SocialPulse", name: "Mega Content Template Pack", price: "$49", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dk9q7o" },
+              { id: "p2", brand: "SocialPulse", name: "Viral Strategy Course", price: "$199", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itxfht" },
+              { id: "p3", brand: "SocialPulse", name: "Aesthetic Filter Bundle", price: "$29", rating: 4, reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0dhq8" },
+              { id: "p4", brand: "SocialPulse", name: "Professional Editing Presets", price: "$39", rating: 5, reviewCount: "400", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gj0amq" },
+              { id: "p5", brand: "SocialPulse", name: "Brand Identity Master Kit", price: "$129", rating: 5, reviewCount: "60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=os3tj3" },
+              { id: "p6", brand: "SocialPulse", name: "Creator Strategy E-book", price: "$19", rating: 5, reviewCount: "90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ripyyp" },
+            ]}
+            title="Premium Digital Assets"
+            description="High-quality products to accelerate your creative workflow."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          badge: "Essential",
-          price: "$499/mo",
-          name: "Starter Strategy",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Weekly content review",
-            "Basic analytics report",
-            "Email support",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Most Popular",
-          price: "$999/mo",
-          name: "Growth Pro",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Daily strategy planning",
-            "Advanced performance analytics",
-            "Priority 24/7 support",
-          ],
-        },
-        {
-          id: "enterprise",
-          badge: "Custom",
-          price: "$1,999/mo",
-          name: "Authority Engine",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Comprehensive brand management",
-            "Dedicated campaign support",
-            "Full-funnel optimization",
-          ],
-        },
-      ]}
-      title="Flexible Service Plans"
-      description="Choose the level of support you need to dominate your market."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "basic", badge: "Essential", price: "$499/mo", name: "Starter Strategy", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Weekly content review", "Basic analytics report", "Email support"] },
+              { id: "pro", badge: "Most Popular", price: "$999/mo", name: "Growth Pro", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Daily strategy planning", "Advanced performance analytics", "Priority 24/7 support"] },
+              { id: "enterprise", badge: "Custom", price: "$1,999/mo", name: "Authority Engine", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Comprehensive brand management", "Dedicated campaign support", "Full-funnel optimization"] },
+            ]}
+            title="Flexible Service Plans"
+            description="Choose the level of support you need to dominate your market."
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "InnovateTech",
-        "GrowthLab",
-        "CreativeSphere",
-        "VisionaryCo",
-        "ImpactAgency",
-        "FutureBuilders",
-        "GlobalConnect",
-      ]}
-      title="Trusted by Innovative Brands"
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={[
+              "InnovateTech", "GrowthLab", "CreativeSphere", "VisionaryCo", "ImpactAgency", "FutureBuilders", "GlobalConnect"]}
+            title="Trusted by Innovative Brands"
+            description="Supporting companies globally with industry-leading digital strategies."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          date: "Oct 2023",
-          title: "Content Director",
-          quote: "The content templates transformed our daily workflow completely.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h2uxlx",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7arsvo&_wi=2",
-          imageAlt: "professional business portrait person",
-        },
-        {
-          id: "2",
-          name: "James Wilson",
-          date: "Nov 2023",
-          title: "Founder",
-          quote: "I saw an immediate spike in engagement after using their audit service.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bzdvw",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8gues&_wi=2",
-          imageAlt: "professional business portrait person",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          date: "Dec 2023",
-          title: "Marketing Manager",
-          quote: "The strategy insights they provided are truly professional and effective.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j33y4u",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g3disg",
-          imageAlt: "professional business portrait person",
-        },
-        {
-          id: "4",
-          name: "David Park",
-          date: "Jan 2024",
-          title: "Creator",
-          quote: "Their digital products are well-made and easy to implement.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mqnz2s",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wpscx",
-          imageAlt: "professional business portrait person",
-        },
-        {
-          id: "5",
-          name: "Olivia Smith",
-          date: "Feb 2024",
-          title: "Brand Consultant",
-          quote: "An invaluable resource for any brand looking for real results.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ly5y8",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rz6xxx",
-          imageAlt: "professional business portrait person",
-        },
-      ]}
-      title="Success Stories"
-      description="What our clients say about their growth journey with us."
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Content Director", quote: "The content templates transformed our daily workflow completely.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h2uxlx", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7arsvo", imageAlt: "professional business portrait person" },
+              { id: "2", name: "James Wilson", date: "Nov 2023", title: "Founder", quote: "I saw an immediate spike in engagement after using their audit service.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bzdvw", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d8gues", imageAlt: "professional business portrait person" },
+              { id: "3", name: "Elena Rodriguez", date: "Dec 2023", title: "Marketing Manager", quote: "The strategy insights they provided are truly professional and effective.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j33y4u", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g3disg", imageAlt: "professional business portrait person" },
+              { id: "4", name: "David Park", date: "Jan 2024", title: "Creator", quote: "Their digital products are well-made and easy to implement.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mqnz2s", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wpscx", imageAlt: "professional business portrait person" },
+              { id: "5", name: "Olivia Smith", date: "Feb 2024", title: "Brand Consultant", quote: "An invaluable resource for any brand looking for real results.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ly5y8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rz6xxx", imageAlt: "professional business portrait person" },
+            ]}
+            title="Success Stories"
+            description="What our clients say about their growth journey with us."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "What digital formats are provided?",
-          content: "Our templates are provided in common formats like Canva, Notion, and Adobe Creative Suite.",
-        },
-        {
-          id: "f2",
-          title: "How long until I see results?",
-          content: "Results depend on your niche, but most clients notice engagement improvements within 3-4 weeks.",
-        },
-        {
-          id: "f3",
-          title: "Can I upgrade my plan?",
-          content: "Yes, you can upgrade your service plan at any time through your dashboard.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oo20ot"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Have questions about our products or services? We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "What digital formats are provided?", content: "Our templates are provided in common formats like Canva, Notion, and Adobe Creative Suite." },
+              { id: "f2", title: "How long until I see results?", content: "Results depend on your niche, but most clients notice engagement improvements within 3-4 weeks." },
+              { id: "f3", title: "Can I upgrade my plan?", content: "Yes, you can upgrade your service plan at any time through your dashboard." },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oo20ot"
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Have questions about our products or services? We've got answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get in Touch"
-      title="Ready to Scale Your Brand?"
-      description="Whether you have questions about our services or need custom support, our team is ready to help you thrive."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "mailto:hello@socialpulse.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Get in Touch"
+            title="Ready to Scale Your Brand?"
+            description="Whether you have questions about our services or need custom support, our team is ready to help you thrive."
+            buttons={[{ text: "Contact Us Now", href: "mailto:hello@socialpulse.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Community",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Partners",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 SocialPulse. All rights reserved."
-      bottomRightText="Privacy Policy | Terms of Service"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Community", href: "#" }, { label: "FAQ", href: "#faq" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Partners", href: "#" }] },
+            ]}
+            bottomLeftText="© 2024 SocialPulse. All rights reserved."
+            bottomRightText="Privacy Policy | Terms of Service"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1