Update src/app/page.tsx

src/app/page.tsx

@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Features", id: "features" },
-          name: "Features",
+        { name: "About", id: "about" },
-          id: "features",
+        { name: "Community", id: "social-proof" },
-        },
+        { name: "FAQ", id: "faq" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Community",
-          id: "social-proof",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
       ]}
       brandName="ConnectHub"
     />
@@ -54,32 +42,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
+      title="Connect Your Social Profiles"
-      }}
+      description="Build your digital identity in one place. Connect all your social platforms, analyze your growth, and engage with your community effortlessly."
-      title="Connect Your Digital World"
-      description="The ultimate social platform for creators, builders, and community leaders. Scale your influence with powerful analytics and seamless integration."
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/phone-with-music-listening-icon-screen-dark-background-copy-space_169016-14356.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/phone-with-music-listening-icon-screen-dark-background-copy-space_169016-14356.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/globe-digital-grid-gradient-wallpaper_53876-104056.jpg" },
-          imageAlt: "futuristic social media dashboard dark mode",
+        { imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8580.jpg" }
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/globe-digital-grid-gradient-wallpaper_53876-104056.jpg",
-          imageAlt: "global digital network nodes glowing lines",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8580.jpg",
-          imageAlt: "smartphone social app interface dark mode",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-christmas-bells-gradient-background_181624-23454.jpg",
-          imageAlt: "glowing social media notification icons",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137485.jpg",
-          imageAlt: "minimalist modern social UI design dark",
-        },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -92,53 +61,27 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Unified Profiles", description: "Link your Twitter, LinkedIn, Instagram and more into one hub.", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg" },
-          title: "Smart Analytics",
+        { title: "Secure Identity", description: "Your profile privacy and data security are our top priorities.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg" },
-          description: "Get deep insights into your audience engagement.",
+        { title: "Real-time Insights", description: "Track your social performance across all connected profiles.", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-reading-sticky-notes_1170-1720.jpg" }
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
-          imageAlt: "analytics dashboard UI dark theme",
-        },
-        {
-          title: "Ironclad Privacy",
-          description: "Your community's data is secured with enterprise-grade encryption.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg",
-          imageAlt: "digital security shield data icon",
-        },
-        {
-          title: "Team Collaboration",
-          description: "Manage your community with powerful collaborative tools.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-executives-reading-sticky-notes_1170-1720.jpg",
-          imageAlt: "team collaboration project panel dark",
-        },
       ]}
-      title="Built for Growth"
+      title="All Your Profiles, Unified"
-      description="Advanced tools to help you manage your community and measure success effortlessly."
+      description="Effortlessly sync your digital footprints to empower your personal brand."
     />
   </div>
 
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      imagePosition="left"
+      title="Your Digital Home"
-      title="Redefining Social Connection"
+      description="In an era of fragmentation, ConnectHub brings your various social presences together. Whether you're a professional builder, a creator, or a leader, take control of how the world sees you."
-      description="ConnectHub is designed to foster meaningful conversations in a high-tech environment. We believe in empowering creators with the best tools available."
       bulletPoints={[
-        {
+        { title: "Central Dashboard", description: "Manage everything from a single interface." },
-          title: "Global Scale",
+        { title: "Seamless Linking", description: "Connect any platform in seconds." },
-          description: "Reach millions of users across borders.",
+        { title: "Custom Themes", description: "Reflect your personality through profile styling." }
-        },
-        {
-          title: "Developer Friendly",
-          description: "Robust APIs for custom platform integrations.",
-        },
-        {
-          title: "Community Focus",
-          description: "Built for interaction, not just consumption.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-psd/technology-background-abstract-background-with-connecting-dots-lines-connection-structure-digital-communication_587448-10186.jpg"
-      imageAlt="global digital network nodes glowing lines"
     />
   </div>
 
@@ -148,80 +91,32 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "50K+", title: "Profiles Linked", description: "Active social links managed today.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-diverse-people-showing-graph-tablet_53876-71498.jpg" },
-          id: "m1",
+        { id: "m2", value: "99.9%", title: "Uptime", description: "Always connected, always available.", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg" },
-          value: "10M+",
+        { id: "m3", value: "24/7", title: "Analytics", description: "Tracking your growth around the clock.", imageSrc: "http://img.b2bpic.net/free-photo/global-network-digital-world-connection_23-2152020916.jpg" },
-          title: "Active Users",
-          description: "Users connecting globally every day.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-diverse-people-showing-graph-tablet_53876-71498.jpg",
-          imageAlt: "large digital number user count dark",
-        },
-        {
-          id: "m2",
-          value: "500ms",
-          title: "Avg Response",
-          description: "Optimized performance across all regions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-worker-analyzing-business-charts-laptop-using-paperwork-research-information-make-data-report-working-from-home-startup-analysis-with-web-graphs-browsing-internet_482257-50961.jpg",
-          imageAlt: "performance speed meter digital icon",
-        },
-        {
-          id: "m3",
-          value: "150+",
-          title: "Countries",
-          description: "Operating across the entire planet.",
-          imageSrc: "http://img.b2bpic.net/free-photo/global-network-digital-world-connection_23-2152020916.jpg",
-          imageAlt: "global network reach map dots",
-        },
       ]}
-      title="Proven Impact"
+      title="Data-Driven Growth"
-      description="Our numbers speak for themselves in the competitive social landscape."
+      description="See your social impact evolve with deep analytics."
     />
   </div>
 
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
+      names={["Community", "Personal Brands", "Creators", "Developers", "Enterprises"]}
+      title="Growing Together"
+      description="Join a vibrant ecosystem of creators managing their social identity on ConnectHub."
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      names={[
-        "Alpha Corp",
-        "Beta Labs",
-        "Gamma Tech",
-        "Delta Solutions",
-        "Epsilon Systems",
-      ]}
-      title="Trusted by Visionaries"
-      description="Collaborating with top-tier brands and platforms to build the future of social networking."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={true}
-      testimonial="ConnectHub changed how we think about social engagement. The analytics tools alone are worth the transition for our agency."
+      testimonial="ConnectHub is the only way I manage my cross-platform influence. It's clean, intuitive, and incredibly powerful for my brand."
       rating={5}
-      author="Sarah Johnson"
+      author="Alex Rivera"
-      avatars={[
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "Alex" }]}
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-          alt: "professional circular avatar portrait dark",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-caucasian-man_53876-24833.jpg",
-          alt: "young developer circular avatar",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-european-girl-with-charming-smile-keeps-arms-folded-wears-round-spectacles_273609-18493.jpg",
-          alt: "friendly professional woman avatar circle",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831023.jpg",
-          alt: "focused male consultant circular headshot",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-          alt: "Portrait of smiling waitress",
-        },
-      ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
     />
@@ -230,26 +125,14 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "How do I link a profile?", content: "Simply authenticate through your settings menu." },
-          id: "f1",
+        { id: "f2", title: "Is it secure?", content: "We utilize OAuth standards to ensure your credentials are never stored." },
-          title: "Is the platform free?",
+        { id: "f3", title: "Can I customize my page?", content: "Yes, use our theme editor to create a custom look for your profile." }
-          content: "Yes, we offer a free tier with robust capabilities for every creator.",
-        },
-        {
-          id: "f2",
-          title: "How is privacy handled?",
-          content: "We follow strict security protocols and never sell user data.",
-        },
-        {
-          id: "f3",
-          title: "Can I integrate my API?",
-          content: "Our developer platform is fully open for your integrations.",
-        },
       ]}
-      title="Frequently Asked"
+      title="Questions Answered"
-      description="Everything you need to know about starting your journey with ConnectHub."
+      description="Find out how to get the most out of your profile hub."
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -257,16 +140,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "rotated-rays-animated" }}
-        variant: "rotated-rays-animated",
+      text="Ready to centralize your social identity?"
-      }}
+      buttons={[{ text: "Get Started" }]}
-      text="Ready to scale your influence? Let's get started."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
@@ -274,40 +150,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="ConnectHub"
       columns={[
-        {
+        { title: "Product", items: [{ label: "Features", href: "#" }, { label: "Privacy", href: "#" }] },
-          title: "Product",
+        { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Help", href: "#" }] }
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Security",
-              href: "#",
-            },
-            {
-              label: "API",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Documentation",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Community",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>