Update src/app/page.tsx

src/app/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
-import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
 import TagAbout from '@/components/sections/about/TagAbout';
 import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -14,13 +14,6 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import { Zap, CheckCircle, Sparkles, Award, Crown } from "lucide-react";
 
 export default function LandingPage() {
-  const scrollToSection = (sectionId: string) => {
-    const element = document.getElementById(sectionId);
-    if (element) {
-      element.scrollIntoView({ behavior: 'smooth' });
-    }
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -35,43 +28,45 @@ export default function LandingPage() {
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleMinimal
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Hero", id: "hero" },
+            { name: "About", id: "about" },
+            { name: "Features", id: "features" },
+            { name: "Products", id: "products" },
+            { name: "Pricing", id: "pricing" }
+          ]}
           brandName="Edgetabs"
-          button={{
-            text: "Shop Now",            href: "#products"
-          }}
+          bottomLeftText="Global Community"
+          bottomRightText="hello@edgetabs.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardMetrics
-          title="Edgetabs: Clean Energy Without the Jitters"
+        <HeroSplitAvatars
+          title="Clean Energy Without the Jitters"
           description="50mg Caffeine + 30mg L-Theanine for a Smooth, Focused Boost. Feel the difference with our premium caffeine strips designed for sustained energy and mental clarity."
           tag="Premium Supplement"
           tagIcon={Zap}
           buttons={[
             {
-              text: "Shop Now and Power Your Day",              href: "#products"
+              text: "Shop Now and Power Your Day",              href: "products"
             },
             {
-              text: "Learn More",              href: "#about"
+              text: "Learn More",              href: "about"
             }
           ]}
           imageSrc="https://img.b2bpic.net/free-photo/traditional-italian-dessert-tiramisu-glasses-top-view_114579-9837.jpg"
           imageAlt="Edgetabs caffeine supplement strip packaging"
-          frameStyle="card"
-          metricsLabel="Trusted by professionals, fitness enthusiasts, and students worldwide"
-          metrics={[
-            {
-              id: "1",              value: "50mg",              label: "Caffeine Per Strip"
-            },
-            {
-              id: "2",              value: "30mg",              label: "L-Theanine for Smoothness"
-            },
-            {
-              id: "3",              value: "0 Jitters",              label: "Clean Energy Promise"
-            }
+          imagePosition="right"
+          avatars={[
+            { src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Professional user 1" },
+            { src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Professional user 2" },
+            { src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "Professional user 3" },
+            { src: "https://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Professional user 4" },
+            { src: "https://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg", alt: "Professional user 5" }
           ]}
+          avatarText="Join 1,000+ professionals experiencing clean energy"
         />
       </div>
 
@@ -94,12 +89,12 @@ export default function LandingPage() {
           animationType="slide-up"
           buttons={[
             {
-              text: "Learn More",              onClick: () => scrollToSection('products')
+              text: "Learn More",              href: "products"
             }
           ]}
           features={[
             {
-              id: "1",              title: "Clean Caffeine Blend",              description: "Premium 50mg caffeine combined with 30mg L-Theanine for smooth, sustained energy without the jitters",              imageSrc: "https://img.b2bpic.net/free-photo/hand-taking-chocolate-candies-black_114579-37289.jpg",              imageAlt: "Clean natural ingredients"
+              id: "1",              title: "Clean Caffeine Blend",              description: "Premium 50mg caffeine combined with 30mg L-Theanine for smooth, sustained energy without the jitters",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-arrangement-coffee-flavours_23-2148254947.jpg?id=5180325",              imageAlt: "Clean natural ingredients"
             },
             {
               id: "2",              title: "Rapid Absorption",              description: "Fast-dissolving strips deliver caffeine directly through oral mucosa for quick energy onset in minutes",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149622859.jpg",              imageAlt: "Professional using Edgetabs"
@@ -152,10 +147,10 @@ export default function LandingPage() {
               id: "starter",              badge: "Starter",              badgeIcon: Sparkles,
               price: "$14.99",              subtitle: "Perfect for first-time energy seekers",              buttons: [
                 {
-                  text: "Get Started",                  href: "#products"
+                  text: "Get Started",                  href: "products"
                 },
                 {
-                  text: "Learn More",                  href: "#features"
+                  text: "Learn More",                  href: "features"
                 }
               ],
               features: [
@@ -166,10 +161,10 @@ export default function LandingPage() {
               id: "pro",              badge: "🏆 MOST POPULAR",              badgeIcon: Crown,
               price: "$27.99",              subtitle: "Ideal for daily energy consumers",              buttons: [
                 {
-                  text: "Save 7%",                  href: "#products"
+                  text: "Save 7%",                  href: "products"
                 },
                 {
-                  text: "Learn More",                  href: "#features"
+                  text: "Learn More",                  href: "features"
                 }
               ],
               features: [
@@ -180,10 +175,10 @@ export default function LandingPage() {
               id: "ultimate",              badge: "Ultimate",              badgeIcon: Zap,
               price: "$39.99",              subtitle: "Maximum savings for committed users",              buttons: [
                 {
-                  text: "Save 13%",                  href: "#products"
+                  text: "Save 13%",                  href: "products"
                 },
                 {
-                  text: "Learn More",                  href: "#features"
+                  text: "Learn More",                  href: "features"
                 }
               ],
               features: [
@@ -279,26 +274,26 @@ export default function LandingPage() {
             {
               title: "Products",              items: [
                 {
-                  label: "Single Tin",                  href: "#products"
+                  label: "Single Tin",                  href: "products"
                 },
                 {
-                  label: "2x Bundle",                  href: "#products"
+                  label: "2x Bundle",                  href: "products"
                 },
                 {
-                  label: "3x Bundle",                  href: "#products"
+                  label: "3x Bundle",                  href: "products"
                 }
               ]
             },
             {
               title: "Company",              items: [
                 {
-                  label: "About Us",                  href: "#about"
+                  label: "About Us",                  href: "about"
                 },
                 {
                   label: "Blog",                  href: "#blog"
                 },
                 {
-                  label: "Contact",                  href: "#contact"
+                  label: "Contact",                  href: "contact"
                 }
               ]
             },