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,14 +29,11 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Features", id: "features" },
-          name: "Features",          id: "features"},
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "FAQ", id: "faq" },
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "FAQ",          id: "faq"},
       ]}
       brandName="BioLink"
     />
@@ -47,8 +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"
@@ -61,12 +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",          title: "Analytics Dashboard",          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." },
-          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"
@@ -79,8 +72,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Empowering creators worldwide"
       buttons={[
-        {
+        { text: "Our Mission", href: "#" },
-          text: "Our Mission",          href: "#"},
       ]}
     />
   </div>
@@ -92,20 +84,12 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "free",          badge: "Free",          price: "$0",          subtitle: "Basic features for everyone",          buttons: [
+          id: "free", badge: "Free", price: "$0", subtitle: "Basic features for everyone", buttons: [{ text: "Get Started" }],
-            {
+          features: ["1 Bio Link", "Basic Analytics", "Standard Themes"],
-              text: "Get Started"},
-          ],
-          features: [
-            "1 Bio Link",            "Basic Analytics",            "Standard Themes"],
         },
         {
-          id: "pro",          badge: "Pro",          price: "$12/mo",          subtitle: "For creators scaling their revenue",          buttons: [
+          id: "pro", badge: "Pro", price: "$12/mo", subtitle: "For creators scaling their revenue", buttons: [{ text: "Choose Pro" }],
-            {
+          features: ["Unlimited Links", "Advanced Analytics", "Custom Domain", "Remove Branding"],
-              text: "Choose Pro"},
-          ],
-          features: [
-            "Unlimited Links",            "Advanced Analytics",            "Custom Domain",            "Remove Branding"],
         },
       ]}
       title="Plans for everyone"
@@ -117,8 +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."
     />
@@ -131,21 +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",          name: "Alex Riv",          role: "Influencer",          company: "Creative Hub",          rating: 5,
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405995.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: "2",          name: "Maria Lee",          role: "Founder",          company: "Growth Co",          rating: 5,
+        { 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" },
-          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."
@@ -157,12 +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",          title: "Is BioLink free?",          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." },
-          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."
@@ -176,13 +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",          type: "text",          placeholder: "Your Name"},
+        { name: "email", type: "email", placeholder: "Email Address" },
-        {
-          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>
@@ -191,19 +158,15 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Product",          items: [
+          title: "Product", items: [
-            {
+            { label: "Features", href: "#features" },
-              label: "Features",              href: "#features"},
+            { label: "Pricing", href: "#pricing" },
-            {
-              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Company",          items: [
+          title: "Company", items: [
-            {
+            { label: "About", href: "#" },
-              label: "About",              href: "#"},
+            { label: "Support", href: "#" },
-            {
-              label: "Support",              href: "#"},
           ],
         },
       ]}
@@ -214,4 +177,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}