Merge version_2 into main

Update src/app/page.tsx
2026-05-14 04:41:12 +00:00 · 2026-05-14 04:41:08 +00:00
1 changed files with 49 additions and 161 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
        {
-          name: "Social",
-          id: "social",
-        },
+          name: "Social",          id: "social"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
      ]}
      brandName="ConnectHub"
    />
@@ -54,67 +46,42 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      title="Build Connections Instantly"
      description="Join the next generation of social networking. Connect, chat, and share with your world on a platform built for speed and privacy."
      buttons={[
        {
-          text: "Get Started",
-          href: "#",
-        },
+          text: "Get Started",          href: "#"},
        {
-          text: "Learn More",
-          href: "#features",
-        },
+          text: "Learn More",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
      imageAlt="Social networking hub interface"
      mediaAnimation="slide-up"
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-female-manager-office-worker-with-laptop-digital-nomad-programmer-working-her_1258-195346.jpg",
-          alt: "Portrait of young female manager",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-female-manager-office-worker-with-laptop-digital-nomad-programmer-working-her_1258-195346.jpg",          alt: "Portrait of young female manager"},
        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453360.jpg",
-          alt: "Beautiful portrait of teenager woman",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453360.jpg",          alt: "Beautiful portrait of teenager woman"},
        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020158.jpg",
-          alt: "Portrait of handsome man",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020158.jpg",          alt: "Portrait of handsome man"},
        {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg",
-          alt: "Young man with confident smile",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg",          alt: "Young man with confident smile"},
        {
-          src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",
-          alt: "African guy with trendy wristwatch",
-        },
+          src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg",          alt: "African guy with trendy wristwatch"},
      ]}
      avatarText="Join 1M+ active users"
      marqueeItems={[
        {
-          type: "text",
-          text: "Encrypted Chats",
-        },
+          type: "text",          text: "Encrypted Chats"},
        {
-          type: "text",
-          text: "Instant Media Sharing",
-        },
+          type: "text",          text: "Instant Media Sharing"},
        {
-          type: "text",
-          text: "Global Networking",
-        },
+          type: "text",          text: "Global Networking"},
        {
-          type: "text",
-          text: "High Performance",
-        },
+          type: "text",          text: "High Performance"},
        {
-          type: "text",
-          text: "Privacy First",
-        },
+          type: "text",          text: "Privacy First"},
      ]}
    />
  </div>
@@ -125,20 +92,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          title: "Secure Messaging",
-          description: "End-to-end encrypted chats with your friends.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-composition_23-2149880606.jpg",
-        },
+          title: "Secure Messaging",          description: "End-to-end encrypted chats with your friends.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-composition_23-2149880606.jpg"},
        {
-          title: "Global Connections",
-          description: "Find and network with people globally.",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-bokeh-background-with-particle-lines_53876-104786.jpg",
-        },
+          title: "Global Connections",          description: "Find and network with people globally.",          imageSrc: "http://img.b2bpic.net/free-photo/technology-bokeh-background-with-particle-lines_53876-104786.jpg"},
        {
-          title: "Instant Sharing",
-          description: "Share your moments in real-time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-screen-showing-access-granted-after-2fa-success_23-2152004065.jpg",
-        },
+          title: "Instant Sharing",          description: "Share your moments in real-time.",          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-screen-showing-access-granted-after-2fa-success_23-2152004065.jpg"},
      ]}
      title="Platform Capabilities"
      description="Everything you need to stay connected."
@@ -152,31 +110,16 @@ export default function LandingPage() {
      useInvertedBackground={true}
      metrics={[
        {
-          id: "m1",
-          value: "1M+",
-          title: "Active Users",
-          items: [
-            "Connected globally",
-            "Daily active engagement",
-          ],
+          id: "m1",          value: "1M+",          title: "Active Users",          items: [
+            "Connected globally",            "Daily active engagement"],
        },
        {
-          id: "m2",
-          value: "500+",
-          title: "Daily Posts",
-          items: [
-            "High-quality content",
-            "Real-time updates",
-          ],
+          id: "m2",          value: "500+",          title: "Daily Posts",          items: [
+            "High-quality content",            "Real-time updates"],
        },
        {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          items: [
-            "Always available",
-            "Stable performance",
-          ],
+          id: "m3",          value: "99.9%",          title: "Uptime",          items: [
+            "Always available",            "Stable performance"],
        },
      ]}
      title="Proven Growth"
@@ -191,40 +134,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "Sarah Miller",
-          handle: "@sarahm",
-          testimonial: "The best platform for connecting with friends!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-professional-businessman_23-2150917272.jpg",
-        },
+          id: "1",          name: "Sarah Miller",          handle: "@sarahm",          testimonial: "The best platform for connecting with friends!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-professional-businessman_23-2150917272.jpg"},
        {
-          id: "2",
-          name: "James Lee",
-          handle: "@jlee",
-          testimonial: "So fast and intuitive. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg",
-        },
+          id: "2",          name: "James Lee",          handle: "@jlee",          testimonial: "So fast and intuitive. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/unknown-young-man-posing-front-view_23-2149417576.jpg"},
        {
-          id: "3",
-          name: "Anna Doe",
-          handle: "@adoe",
-          testimonial: "I love the privacy features, it feels secure.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
-        },
+          id: "3",          name: "Anna Doe",          handle: "@adoe",          testimonial: "I love the privacy features, it feels secure.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
        {
-          id: "4",
-          name: "Mark Smith",
-          handle: "@msmith",
-          testimonial: "Amazing community interaction everyday.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-funny-person-wearing-trendy-clothes_1194-617334.jpg",
-        },
+          id: "4",          name: "Mark Smith",          handle: "@msmith",          testimonial: "Amazing community interaction everyday.",          imageSrc: "http://img.b2bpic.net/free-photo/cool-funny-person-wearing-trendy-clothes_1194-617334.jpg"},
        {
-          id: "5",
-          name: "Emily Chen",
-          handle: "@echen",
-          testimonial: "A refreshing change from other social sites.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705893.jpg",
-        },
+          id: "5",          name: "Emily Chen",          handle: "@echen",          testimonial: "A refreshing change from other social sites.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705893.jpg"},
      ]}
      title="Community Voices"
      description="See what our users are saying."
@@ -236,14 +154,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
-        "AlphaTech",
-        "BetaSolutions",
-        "GammaGroup",
-        "DeltaSys",
-        "EpsilonTech",
-        "ZetaCorp",
-        "ThetaInc",
-      ]}
+        "AlphaTech",        "BetaSolutions",        "GammaGroup",        "DeltaSys",        "EpsilonTech",        "ZetaCorp",        "ThetaInc"]}
      title="Trusted Partners"
      description="Working with industry leaders."
    />
@@ -252,22 +163,17 @@ export default function LandingPage() {
  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
+      buttons={[
+        {
+          text: "Knowledge Base",          href: "#support"},
+      ]}
      faqs={[
        {
-          id: "q1",
-          title: "Is this platform free?",
-          content: "Yes, basic access is completely free.",
-        },
+          id: "q1",          title: "Is this platform free?",          content: "Yes, basic access is completely free."},
        {
-          id: "q2",
-          title: "How do I sign up?",
-          content: "Simply use your email to register in seconds.",
-        },
+          id: "q2",          title: "How do I sign up?",          content: "Simply use your email to register in seconds."},
        {
-          id: "q3",
-          title: "Can I delete my account?",
-          content: "Yes, you can manage your account settings and delete it at any time.",
-        },
+          id: "q3",          title: "Can I delete my account?",          content: "Yes, you can manage your account settings and delete it at any time."},
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
@@ -281,22 +187,14 @@ export default function LandingPage() {
      description="We'd love to hear your feedback."
      inputs={[
        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
      ]}
      textarea={{
-        name: "message",
-        placeholder: "Your Message",
-        rows: 4,
+        name: "message",        placeholder: "Your Message",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-particles-with-shallow-depth-field_1048-12266.jpg"
@@ -308,29 +206,19 @@ export default function LandingPage() {
      logoText="ConnectHub"
      columns={[
        {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
            {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
            {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
          ],
        },
        {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
            {
-              label: "Help",
-              href: "#",
-            },
+              label: "Help",              href: "#"},
            {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
@@ -339,4 +227,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	ed2ebd60be	Merge version_2 into main Merge version_2 into main	2026-05-14 04:41:12 +00:00
bender	219005c24d	Update src/app/page.tsx	2026-05-14 04:41:08 +00:00