Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -10,6 +10,8 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+import { Eye, Zap, Crown, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,25 +32,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Subscriptions",
+          name: "Subscriptions",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Previews",
+          name: "Previews",          id: "gallery"},
-          id: "gallery",
-        },
         {
-          name: "Connect",
+          name: "Connect",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="vanessa.cherry"
     />
@@ -57,17 +49,35 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Welcome to my private world"
       description="Experience exclusive streams, private chats, and curated content you won't find anywhere else. Subscribe to join my inner circle."
       imageSrc="http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140745.jpg?_wi=1"
       imageAlt="Vanessa Cherry Hero"
       buttons={[
         {
-          text: "Join the Inner Circle",
+          text: "Join the Inner Circle",          href: "#pricing"},
-          href: "#pricing",
+      ]}
+    />
+  </div>
+
+  <div id="features" data-section="features">
+      <FeatureBento
+      title="Unlock Your Access"
+      description="Unsubscribed visitors can explore the world of Vanessa Cherry before committing to a membership tier. Get a taste of what's inside."
+      useInvertedBackground={true}
+      textboxLayout="split"
+      animationType="slide-up"
+      features={[
+        {
+          title: "Public Previews",          description: "Browse a curated selection of public streams and lifestyle photos to get a feel for the content.",          bentoComponent: "reveal-icon",          icon: Eye
         },
+        {
+          title: "Community Vibe",          description: "See how the community interacts and check out highlights from previous popular sessions.",          bentoComponent: "reveal-icon",          icon: Zap
+        },
+        {
+          title: "Tier Perks Breakdown",          description: "Full transparency on what each membership level offers, from basic access to legendary 1-on-1s.",          bentoComponent: "reveal-icon",          icon: Crown
+        }
       ]}
     />
   </div>
@@ -89,52 +99,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "fan",
+          id: "fan",          title: "Fan",          price: "$9",          period: "/mo",          features: [
-          title: "Fan",
+            "Stream access",            "Fan chat badge"],
-          price: "$9",
-          period: "/mo",
-          features: [
-            "Stream access",
-            "Fan chat badge",
-          ],
           button: {
-            text: "Join Now",
+            text: "Join Now"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140745.jpg?_wi=2",          imageAlt: "elegant cinematic portrait soft lighting"},
-          imageSrc: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140745.jpg?_wi=2",
-          imageAlt: "elegant cinematic portrait soft lighting",
-        },
         {
-          id: "vip",
+          id: "vip",          title: "VIP",          price: "$29",          period: "/mo",          features: [
-          title: "VIP",
+            "All Fan benefits",            "Direct messaging",            "Exclusive previews"],
-          price: "$29",
-          period: "/mo",
-          features: [
-            "All Fan benefits",
-            "Direct messaging",
-            "Exclusive previews",
-          ],
           button: {
-            text: "Upgrade to VIP",
+            text: "Upgrade to VIP"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495265.jpg?_wi=2",          imageAlt: "stylish lifestyle photography soft lighting"},
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495265.jpg?_wi=2",
-          imageAlt: "stylish lifestyle photography soft lighting",
-        },
         {
-          id: "legend",
+          id: "legend",          title: "Legend",          price: "$99",          period: "/mo",          features: [
-          title: "Legend",
+            "All VIP benefits",            "Monthly 1-on-1 video call",            "Special shoutouts"],
-          price: "$99",
-          period: "/mo",
-          features: [
-            "All VIP benefits",
-            "Monthly 1-on-1 video call",
-            "Special shoutouts",
-          ],
           button: {
-            text: "Go Legendary",
+            text: "Go Legendary"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-yellow-posing_23-2148240006.jpg?_wi=1",          imageAlt: "artistic fashion preview photography"},
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-yellow-posing_23-2148240006.jpg?_wi=1",
-          imageAlt: "artistic fashion preview photography",
-        },
       ]}
       title="Join the Inner Circle"
       description="Select your tier to unlock full access to streams, private chats, and bonus content."
@@ -149,41 +130,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Vibrant Studio Session",          price: "Access",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-yellow-posing_23-2148240006.jpg?_wi=2"},
-          name: "Vibrant Studio Session",
-          price: "Access",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-yellow-posing_23-2148240006.jpg?_wi=2",
-        },
         {
-          id: "2",
+          id: "2",          name: "Behind the Scenes",          price: "Access",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495258.jpg"},
-          name: "Behind the Scenes",
-          price: "Access",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-portrait-with-overexposed-moving-style_23-2149495258.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Casual Sunday Moments",          price: "Access",          imageSrc: "http://img.b2bpic.net/free-photo/crane-made-paper_1162-69.jpg"},
-          name: "Casual Sunday Moments",
-          price: "Access",
-          imageSrc: "http://img.b2bpic.net/free-photo/crane-made-paper_1162-69.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Travel Memories",          price: "Access",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-cloth_23-2148547004.jpg"},
-          name: "Travel Memories",
-          price: "Access",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-cloth_23-2148547004.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Artistic Concepts",          price: "Access",          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-together_23-2148547010.jpg"},
-          name: "Artistic Concepts",
-          price: "Access",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-together_23-2148547010.jpg",
-        },
         {
-          id: "6",
+          id: "6",          name: "Daily Stream Highlights",          price: "Access",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478951.jpg"},
-          name: "Daily Stream Highlights",
-          price: "Access",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478951.jpg",
-        },
       ]}
       title="Exclusive Previews"
       description="A sneak peek into my life and creative projects."
@@ -197,40 +154,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Liam K.",          handle: "@liamk",          testimonial: "The exclusive streams are absolutely worth it. Vanessa is so genuine!",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-white-shirt-posing_273609-22698.jpg"},
-          name: "Liam K.",
-          handle: "@liamk",
-          testimonial: "The exclusive streams are absolutely worth it. Vanessa is so genuine!",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-white-shirt-posing_273609-22698.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Sophie M.",          handle: "@sophiem",          testimonial: "Direct messaging with Vanessa made my whole year. Truly amazing platform.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-wearing-sweater_273609-22751.jpg"},
-          name: "Sophie M.",
-          handle: "@sophiem",
-          testimonial: "Direct messaging with Vanessa made my whole year. Truly amazing platform.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-wearing-sweater_273609-22751.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Alex R.",          handle: "@alexr",          testimonial: "I love the preview content. It feels like such a personal connection.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-curly-woman-has-natural-beauty-smiles-pleasantly-wears-earrings-white-vest-expresses-joy-poses-against-pink-background_273609-32801.jpg"},
-          name: "Alex R.",
-          handle: "@alexr",
-          testimonial: "I love the preview content. It feels like such a personal connection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-curly-woman-has-natural-beauty-smiles-pleasantly-wears-earrings-white-vest-expresses-joy-poses-against-pink-background_273609-32801.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Jordan P.",          handle: "@jordanp",          testimonial: "The Legend tier is totally worth every penny. 1-on-1s are highlights!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-radiant-optimistic-man-studio-background_482257-94166.jpg"},
-          name: "Jordan P.",
-          handle: "@jordanp",
-          testimonial: "The Legend tier is totally worth every penny. 1-on-1s are highlights!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-radiant-optimistic-man-studio-background_482257-94166.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Sam T.",          handle: "@samt",          testimonial: "Best personal platform for creators I have seen so far.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-studio-shoot_633478-2042.jpg"},
-          name: "Sam T.",
-          handle: "@samt",
-          testimonial: "Best personal platform for creators I have seen so far.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-studio-shoot_633478-2042.jpg",
-        },
       ]}
       title="Fans love it here"
       description="Hear what people are saying about the vanessa.cherry experience."
@@ -241,8 +173,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Connect"
       title="Stay Updated"
       description="Sign up for notifications on new streams and bonus content."
@@ -260,4 +191,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}