From afdca8335f0480ae1aa1ebee8ce6d6d2067589c5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 06:09:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 280 +++++++++++++++--------------------------------
 1 file changed, 90 insertions(+), 190 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fa80973..999602f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,204 +16,104 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-      ]}
-      brandName="Connect"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Testimonials", id: "testimonial" },
+              { name: "Social Proof", id: "socialProof" }
+            ]}
+            brandName="Connect"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Explore the things you love."
-      description="Stay connected with your community and discover what matters most to you in an intuitive, modern interface."
-      buttons={[
-        {
-          text: "Create Account",
-          href: "#",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-interaction-with-digital-network_23-2152029071.jpg?_wi=1",
-          imageAlt: "Connectivity 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=1",
-          imageAlt: "Connectivity 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg?_wi=1",
-          imageAlt: "Connectivity 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg?_wi=1",
-          imageAlt: "Connectivity 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-colourful-techno-plexus-design-background_1048-14431.jpg?_wi=1",
-          imageAlt: "Connectivity 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg",
-          imageAlt: "Connectivity 6",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "plain" }}
+            title="Explore the things you love."
+            description="Stay connected with your community and discover what matters most to you in an intuitive, modern interface."
+            buttons={[{ text: "Create Account", href: "#" }, { text: "Learn More", href: "#about" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-interaction-with-digital-network_23-2152029071.jpg", imageAlt: "abstract network connections dark background" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg", imageAlt: "digital community interaction interface" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg", imageAlt: "global network visualization technology" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg", imageAlt: "connected dots network interface" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-colourful-techno-plexus-design-background_1048-14431.jpg", imageAlt: "abstract cyber communication graphic" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "connected digital communication nodes" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Built for Connection"
-      description="Our platform is designed to bridge gaps and foster authentic interactions between people across the globe, bringing your interests to the forefront."
-      imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-having-remote-discussion-with-company-team_482257-77571.jpg"
-      imageAlt="Social connectivity dashboard"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Built for Connection"
+            description="Our platform is designed to bridge gaps and foster authentic interactions between people across the globe, bringing your interests to the forefront."
+            imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-having-remote-discussion-with-company-team_482257-77571.jpg"
+            imageAlt="modern digital communication workspace"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "1",
-          title: "Personalized Profiles",
-          author: "System",
-          description: "Build your digital footprint with customizable profiles that reflect your unique interests and voice.",
-          tags: [
-            "social",
-            "profile",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-toy-duckies-baby-shower_23-2148430472.jpg",
-        },
-        {
-          id: "2",
-          title: "Global Networks",
-          author: "System",
-          description: "Stay in touch with your community no matter the distance with real-time connectivity tools.",
-          tags: [
-            "network",
-            "global",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459542.jpg",
-        },
-        {
-          id: "3",
-          title: "Enhanced Privacy",
-          author: "System",
-          description: "Your interactions are safe with advanced privacy controls and consumer health data protection standards.",
-          tags: [
-            "secure",
-            "privacy",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tech-repair-labels-template_23-2151029444.jpg",
-        },
-      ]}
-      title="Core Experiences"
-      description="Explore powerful features designed to enhance your social digital life."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Core Experiences"
+            description="Explore powerful features designed to enhance your social digital life."
+            features={[
+              { id: "1", title: "Personalized Profiles", author: "System", description: "Build your digital footprint with customizable profiles that reflect your unique interests and voice.", tags: ["social", "profile"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-toy-duckies-baby-shower_23-2148430472.jpg" },
+              { id: "2", title: "Global Networks", author: "System", description: "Stay in touch with your community no matter the distance with real-time connectivity tools.", tags: ["network", "global"], imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459542.jpg" },
+              { id: "3", title: "Enhanced Privacy", author: "System", description: "Your interactions are safe with advanced privacy controls and consumer health data protection standards.", tags: ["secure", "privacy"], imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tech-repair-labels-template_23-2151029444.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Community Voices"
-      description="Hear what our global users have to say about their experience with Connect."
-      showRating={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alex Rivera",
-          handle: "@arivera",
-          testimonial: "Connect has completely transformed how I interact with my local community groups. Truly intuitive.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-interaction-with-digital-network_23-2152029071.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Sarah Chen",
-          handle: "@schen_dev",
-          testimonial: "The privacy controls are a game-changer. I finally feel secure sharing updates with my inner circle.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "Seamless connectivity and a gorgeous dark interface. It's the social app I've been waiting for.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg?_wi=2",
-        },
-        {
-          id: "t4",
-          name: "Elena Rossi",
-          handle: "@erossi",
-          testimonial: "Finally, a platform that prioritizes user experience over ad clutter. It's refreshing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg?_wi=2",
-        },
-        {
-          id: "t5",
-          name: "James Wilson",
-          handle: "@jwilson",
-          testimonial: "Fast, responsive, and incredibly easy to navigate. Connect is my go-to hub now.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-colourful-techno-plexus-design-background_1048-14431.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Community Voices"
+            description="Hear what our global users have to say about their experience with Connect."
+            showRating={true}
+            testimonials={[
+              { id: "t1", name: "Alex Rivera", handle: "@arivera", testimonial: "Connect has completely transformed how I interact with my local community groups. Truly intuitive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-interaction-with-digital-network_23-2152029071.jpg" },
+              { id: "t2", name: "Sarah Chen", handle: "@schen_dev", testimonial: "The privacy controls are a game-changer. I finally feel secure sharing updates with my inner circle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg" },
+              { id: "t3", name: "Marcus Thorne", handle: "@mthorne", testimonial: "Seamless connectivity and a gorgeous dark interface. It's the social app I've been waiting for.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg" },
+              { id: "t4", name: "Elena Rossi", handle: "@erossi", testimonial: "Finally, a platform that prioritizes user experience over ad clutter. It's refreshing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg" },
+              { id: "t5", name: "James Wilson", handle: "@jwilson", testimonial: "Fast, responsive, and incredibly easy to navigate. Connect is my go-to hub now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-colourful-techno-plexus-design-background_1048-14431.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by Innovators"
-      description="Collaborating with leading technology partners across the globe to bring you the best experience."
-      names={[
-        "Nebula Tech",
-        "Quantum Labs",
-        "Vertex Digital",
-        "Streamline Co",
-        "Apex Network",
-      ]}
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Trusted by Innovators"
+            description="Collaborating with leading technology partners across the globe to bring you the best experience."
+            names={["Nebula Tech", "Quantum Labs", "Vertex Digital", "Streamline Co", "Apex Network"]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Connect © 2025"
-      copyrightText="All rights reserved by Connect Inc."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Connect © 2025"
+            copyrightText="All rights reserved by Connect Inc."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );