Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -29,20 +29,11 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Features", id: "features" },
-          name: "Features",
+        { name: "Pricing", id: "pricing" },
-          id: "features",
+        { name: "FAQ", id: "faq" },
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
       ]}
       brandName="BioLink"
     />
@@ -53,10 +44,7 @@ export default function LandingPage() {
       logoText="BioLink"
       description="The ultimate link-in-bio platform for creators, influencers, and brands. Drive traffic and track your audience engagement in one place."
       buttons={[
-        {
+        { text: "Get Started", href: "#" },
-          text: "Get Started",
-          href: "#",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/gradient-hex-backgrounds-networking_23-2149755773.jpg"
       imageAlt="Hero visual"
@@ -69,21 +57,9 @@ export default function LandingPage() {
       title="Everything you need to grow"
       description="Unlock advanced tools to manage your digital identity and monetize your audience effectively."
       accordionItems={[
-        {
+        { id: "1", title: "Analytics Dashboard", content: "Gain deep insights into who clicks your links, where they come from, and what content they love most." },
-          id: "1",
+        { id: "2", title: "Custom Link Themes", content: "Match your brand with fully customizable themes, background animations, and button styles." },
-          title: "Analytics Dashboard",
+        { id: "3", title: "Integration Hub", content: "Connect seamlessly with Spotify, YouTube, TikTok, and thousands of other platforms in seconds." },
-          content: "Gain deep insights into who clicks your links, where they come from, and what content they love most.",
-        },
-        {
-          id: "2",
-          title: "Custom Link Themes",
-          content: "Match your brand with fully customizable themes, background animations, and button styles.",
-        },
-        {
-          id: "3",
-          title: "Integration Hub",
-          content: "Connect seamlessly with Spotify, YouTube, TikTok, and thousands of other platforms in seconds.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-analyst-meeting-with-coworker-review-financial-report_482257-123652.jpg"
       imageAlt="Features"
@@ -96,10 +72,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Empowering creators worldwide"
       buttons={[
-        {
+        { text: "Our Mission", href: "#" },
-          text: "Our Mission",
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -111,37 +84,12 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "free",
+          id: "free", badge: "Free", price: "$0", subtitle: "Basic features for everyone", buttons: [{ text: "Get Started" }],
-          badge: "Free",
+          features: ["1 Bio Link", "Basic Analytics", "Standard Themes"],
-          price: "$0",
-          subtitle: "Basic features for everyone",
-          buttons: [
-            {
-              text: "Get Started",
-            },
-          ],
-          features: [
-            "1 Bio Link",
-            "Basic Analytics",
-            "Standard Themes",
-          ],
         },
         {
-          id: "pro",
+          id: "pro", badge: "Pro", price: "$12/mo", subtitle: "For creators scaling their revenue", buttons: [{ text: "Choose Pro" }],
-          badge: "Pro",
+          features: ["Unlimited Links", "Advanced Analytics", "Custom Domain", "Remove Branding"],
-          price: "$12/mo",
-          subtitle: "For serious creators",
-          buttons: [
-            {
-              text: "Choose Pro",
-            },
-          ],
-          features: [
-            "Unlimited Links",
-            "Advanced Analytics",
-            "Custom Domain",
-            "Remove Branding",
-          ],
         },
       ]}
       title="Plans for everyone"
@@ -153,15 +101,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Spotify", "YouTube", "TikTok", "Instagram", "Twitch", "Twitter", "Shopify"]}
-        "Spotify",
-        "YouTube",
-        "TikTok",
-        "Instagram",
-        "Twitch",
-        "Twitter",
-        "Shopify",
-      ]}
       title="Loved by brands everywhere"
       description="Trusted by over 5 million creators to connect with their fans."
     />
@@ -174,46 +114,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Alex Riv", role: "Influencer", company: "Creative Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405995.jpg" },
-          id: "1",
+        { id: "2", name: "Maria Lee", role: "Founder", company: "Growth Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
-          name: "Alex Riv",
+        { id: "3", name: "Sam Chen", role: "Tech Lead", company: "DevLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
-          role: "Influencer",
+        { id: "4", name: "Elena P", role: "Content Creator", company: "Streamer Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/transgender-person-wearing-yellow-jacket-standing-sideways_23-2148827063.jpg" },
-          company: "Creative Hub",
+        { id: "5", name: "Julian W", role: "Designer", company: "Visuals Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg" },
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405995.jpg",
-        },
-        {
-          id: "2",
-          name: "Maria Lee",
-          role: "Founder",
-          company: "Growth Co",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-        },
-        {
-          id: "3",
-          name: "Sam Chen",
-          role: "Tech Lead",
-          company: "DevLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena P",
-          role: "Content Creator",
-          company: "Streamer Pro",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/transgender-person-wearing-yellow-jacket-standing-sideways_23-2148827063.jpg",
-        },
-        {
-          id: "5",
-          name: "Julian W",
-          role: "Designer",
-          company: "Visuals Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg",
-        },
       ]}
       title="What our users say"
       description="See why top creators choose BioLink."
@@ -225,21 +130,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "Is BioLink free?", content: "Yes, we offer a generous free tier for everyone." },
-          id: "1",
+        { id: "2", title: "Can I use my own domain?", content: "Yes, custom domains are available in our Pro plan." },
-          title: "Is BioLink free?",
+        { id: "3", title: "Is it mobile-friendly?", content: "Absolutely, our pages are optimized for all devices." },
-          content: "Yes, we offer a generous free tier for everyone.",
-        },
-        {
-          id: "2",
-          title: "Can I use my own domain?",
-          content: "Yes, custom domains are available in our Pro plan.",
-        },
-        {
-          id: "3",
-          title: "Is it mobile-friendly?",
-          content: "Absolutely, our pages are optimized for all devices.",
-        },
       ]}
       title="Common Questions"
       description="Everything you need to know about BioLink."
@@ -253,21 +146,10 @@ export default function LandingPage() {
       title="Get in touch"
       description="Questions? We are here to help you get started."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Your Name" },
-          name: "name",
+        { name: "email", type: "email", placeholder: "Email Address" },
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Your message here" }}
-        name: "message",
-        placeholder: "Your message here",
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321692.jpg"
     />
   </div>
@@ -276,29 +158,15 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Product",
+          title: "Product", items: [
-          items: [
+            { label: "Features", href: "#features" },
-            {
+            { label: "Pricing", href: "#pricing" },
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company", items: [
-          items: [
+            { label: "About", href: "#" },
-            {
+            { label: "Support", href: "#" },
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
           ],
         },
       ]}
@@ -309,4 +177,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}