Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -33,25 +33,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Videos",
-          id: "videos",
-        },
+          name: "Videos",          id: "videos"},
         {
-          name: "Community",
-          id: "community",
-        },
+          name: "Community",          id: "community"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="CreatorHub"
     />
@@ -60,35 +50,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Welcome to Channel Name — Stories Worth Watching"
       description="Explore exclusive behind-the-scenes content, join our community, and never miss an upload. Subscribe now and be part of something bigger."
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321697.jpg",
-          imageAlt: "Channel Trailer Intro",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321697.jpg",          imageAlt: "Channel Trailer Intro"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg",
-          imageAlt: "Live Streaming Preview",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg",          imageAlt: "Live Streaming Preview"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/crystal-balls-with-blue-background_23-2150439174.jpg",
-          imageAlt: "Behind the Scenes Snap",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/crystal-balls-with-blue-background_23-2150439174.jpg",          imageAlt: "Behind the Scenes Snap"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110073.jpg",
-          imageAlt: "Latest Video Thumbnail",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110073.jpg",          imageAlt: "Latest Video Thumbnail"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-lights-wonder-wheel_23-2148328071.jpg",
-          imageAlt: "Community Event Highlights",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-lights-wonder-wheel_23-2148328071.jpg",          imageAlt: "Community Event Highlights"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-network-computer-connection-server-lan-concept_53876-13745.jpg",
-          imageAlt: "Studio Setup Tour",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/digital-network-computer-connection-server-lan-concept_53876-13745.jpg",          imageAlt: "Studio Setup Tour"},
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -101,19 +78,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Users,
-          label: "Community Members",
-          value: "1.2M+",
-        },
+          label: "Community Members",          value: "1.2M+"},
         {
           icon: Video,
-          label: "Total Uploads",
-          value: "500+",
-        },
+          label: "Total Uploads",          value: "500+"},
         {
           icon: Award,
-          label: "Years Active",
-          value: "5+",
-        },
+          label: "Years Active",          value: "5+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -126,19 +97,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Tech Deep Dives",
-          description: "Analyzing the latest trends in technology with a focus on real-world impacts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-influencer-setting-up-equipment-viral-video_482257-115510.jpg",
+          title: "Tech Deep Dives",          description: "Analyzing the latest trends in technology with a focus on real-world impacts.",          imageSrc: "http://img.b2bpic.net/free-photo/female-influencer-setting-up-equipment-viral-video_482257-115510.jpg",          buttons: [{ text: "Watch Now", href: "#" }]
         },
         {
-          title: "Creative Masterclasses",
-          description: "Hands-on tutorials for budding creators looking to up their production game.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-futuristic-abstract-illuminate-line-dot-wireless-connection-wave-with-triangle-bright-blue-background-mobile-banking-shopping-online-concept-technology-future_493343-29987.jpg",
+          title: "Creative Masterclasses",          description: "Hands-on tutorials for budding creators looking to up their production game.",          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-futuristic-abstract-illuminate-line-dot-wireless-connection-wave-with-triangle-bright-blue-background-mobile-banking-shopping-online-concept-technology-future_493343-29987.jpg",          buttons: [{ text: "Join Class", href: "#" }]
         },
         {
-          title: "Community Highlights",
-          description: "Showcasing the incredible projects our community members have been building.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347104.jpg",
+          title: "Community Highlights",          description: "Showcasing the incredible projects our community members have been building.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347104.jpg",          buttons: [{ text: "Explore Gallery", href: "#" }]
         },
       ]}
       title="Latest Featured Stories"
@@ -154,41 +119,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Channel Logo Hoodie",
-          price: "$55.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994245.jpg",
-        },
+          id: "p1",          name: "Channel Logo Hoodie",          price: "$55.00",          imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994245.jpg"},
         {
-          id: "p2",
-          name: "Creator Masterclass PDF",
-          price: "$29.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/fabulous-life-shopping-online-feminine_53876-125599.jpg",
-        },
+          id: "p2",          name: "Creator Masterclass PDF",          price: "$29.00",          imageSrc: "http://img.b2bpic.net/free-photo/fabulous-life-shopping-online-feminine_53876-125599.jpg"},
         {
-          id: "p3",
-          name: "Official Access Pass",
-          price: "$15.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-card-application_23-2149601365.jpg",
-        },
+          id: "p3",          name: "Official Access Pass",          price: "$15.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-card-application_23-2149601365.jpg"},
         {
-          id: "p4",
-          name: "Tech Sticker Pack",
-          price: "$10.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/afro-hair-style-doing-okay-gesture_140725-36572.jpg",
-        },
+          id: "p4",          name: "Tech Sticker Pack",          price: "$10.00",          imageSrc: "http://img.b2bpic.net/free-photo/afro-hair-style-doing-okay-gesture_140725-36572.jpg"},
         {
-          id: "p5",
-          name: "Event Access Badge",
-          price: "$20.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-black-friday-label_23-2148665761.jpg",
-        },
+          id: "p5",          name: "Event Access Badge",          price: "$20.00",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-black-friday-label_23-2148665761.jpg"},
         {
-          id: "p6",
-          name: "Signature Coffee Mug",
-          price: "$18.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-laying-ground_23-2149409757.jpg",
-        },
+          id: "p6",          name: "Signature Coffee Mug",          price: "$18.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-laying-ground_23-2149409757.jpg"},
       ]}
       title="Official Merch Shop"
       description="Support the channel and look your best with our premium, limited-edition collections."
@@ -202,40 +143,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Subscriber",
-          testimonial: "I've learned so much about production from this channel. Absolutely life-changing!",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",
-        },
+          id: "1",          name: "Sarah Miller",          role: "Subscriber",          testimonial: "I've learned so much about production from this channel. Absolutely life-changing!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg"},
         {
-          id: "2",
-          name: "Alex Rivera",
-          role: "Supporter",
-          testimonial: "The community atmosphere is so encouraging. It's more than just videos.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-hands-head-white-t-shirt-hat-looking-wistful_176474-35594.jpg",
-        },
+          id: "2",          name: "Alex Rivera",          role: "Supporter",          testimonial: "The community atmosphere is so encouraging. It's more than just videos.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-hands-head-white-t-shirt-hat-looking-wistful_176474-35594.jpg"},
         {
-          id: "3",
-          name: "John Doe",
-          role: "Sponsor",
-          testimonial: "Partnering with this channel has been one of the best moves for our brand.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-business-workers-smiling-confident-standing-with-arms-crossed-gesture-office_839833-26991.jpg",
-        },
+          id: "3",          name: "John Doe",          role: "Sponsor",          testimonial: "Partnering with this channel has been one of the best moves for our brand.",          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-business-workers-smiling-confident-standing-with-arms-crossed-gesture-office_839833-26991.jpg"},
         {
-          id: "4",
-          name: "Emily Chen",
-          role: "Viewer",
-          testimonial: "The production quality keeps getting better. I never miss a notification.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-african-man-summer-clothes-holding-inflatable-ring_171337-14653.jpg",
-        },
+          id: "4",          name: "Emily Chen",          role: "Viewer",          testimonial: "The production quality keeps getting better. I never miss a notification.",          imageSrc: "http://img.b2bpic.net/free-photo/young-african-man-summer-clothes-holding-inflatable-ring_171337-14653.jpg"},
         {
-          id: "5",
-          name: "Mark Stevens",
-          role: "Member",
-          testimonial: "I love the exclusive perks. Being part of the inner circle feels special.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-cup-headphones-red-background-high-quality-photo_114579-60851.jpg",
-        },
+          id: "5",          name: "Mark Stevens",          role: "Member",          testimonial: "I love the exclusive perks. Being part of the inner circle feels special.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-cup-headphones-red-background-high-quality-photo_114579-60851.jpg"},
       ]}
       title="Fan Stories"
       description="What our amazing community has to say about their journey with us."
@@ -247,14 +163,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Discord Server",
-        "Twitter Community",
-        "Instagram Creator Hub",
-        "YouTube Members",
-        "Patreon Inner Circle",
-        "Reddit Forum",
-        "Telegram Updates",
-      ]}
+        "Discord Server",        "Twitter Community",        "Instagram Creator Hub",        "YouTube Members",        "Patreon Inner Circle",        "Reddit Forum",        "Telegram Updates"]}
       title="Join Our Digital Community"
       description="Connect with fellow creators and fans across all our platforms."
     />
@@ -265,20 +174,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "How can I collaborate?",
-          content: "Reach out via our contact page with your partnership inquiries.",
-        },
+          id: "q1",          title: "How can I collaborate?",          content: "Reach out via our contact page with your partnership inquiries."},
         {
-          id: "q2",
-          title: "Where can I buy merch?",
-          content: "You can find all official items in our shop section.",
-        },
+          id: "q2",          title: "Where can I buy merch?",          content: "You can find all official items in our shop section."},
         {
-          id: "q3",
-          title: "How do I become a member?",
-          content: "Join our official membership program via the link in our footer.",
-        },
+          id: "q3",          title: "How do I become a member?",          content: "Join our official membership program via the link in our footer."},
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Find quick answers to common questions about our content and community."
@@ -290,8 +190,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Connect With Us"
       title="Let's Get in Touch"
       description="Have inquiries, partnership requests, or just want to say hi? We'd love to hear from you."
@@ -303,54 +202,33 @@ export default function LandingPage() {
       logoText="CreatorHub"
       columns={[
         {
-          title: "Content",
-          items: [
+          title: "Content",          items: [
             {
-              label: "All Videos",
-              href: "#videos",
-            },
+              label: "All Videos",              href: "#videos"},
             {
-              label: "Behind the Scenes",
-              href: "#",
-            },
+              label: "Behind the Scenes",              href: "#"},
             {
-              label: "Masterclasses",
-              href: "#",
-            },
+              label: "Masterclasses",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Sponsorship",
-              href: "#",
-            },
+              label: "Sponsorship",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Merch Support",
-              href: "#",
-            },
+              label: "Merch Support",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
       ]}
@@ -360,4 +238,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}