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 NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
+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';
@@ -11,7 +11,7 @@ import TestimonialCardEleven from '@/components/sections/testimonial/Testimonial
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactInline from '@/components/sections/contact/ContactInline';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Zap, CheckCircle, Sparkles, Award, Crown } from "lucide-react";
+import { Zap, CheckCircle, Sparkles, Award, Crown, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,26 +28,24 @@ export default function LandingPage() {
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleMinimal
+        <NavbarStyleCentered
-          brandName="Edgetabs"
+          navItems={[
+            { name: "Hero", id: "hero" },
+            { name: "About", id: "about" },
+            { name: "Features", id: "features" },
+            { name: "Products", id: "products" },
+            { name: "Pricing", id: "pricing" }
+          ]}
           button={{
             text: "Shop Now",            href: "products"
           }}
-          navItems={[
+          brandName="Edgetabs"
-            { name: "Home", id: "hero" },
-            { name: "Why Edgetabs", id: "about" },
-            { name: "Features", id: "features" },
-            { name: "Products", id: "products" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "FAQ", id: "faq" },
-            { name: "Contact", id: "contact" }
-          ]}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardMetrics
+        <HeroSplitAvatars
-          title="Edgetabs: Clean Energy Without the Jitters"
+          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}
@@ -61,19 +59,15 @@ export default function LandingPage() {
           ]}
           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"
+          imagePosition="right"
-          metricsLabel="Trusted by professionals, fitness enthusiasts, and students worldwide"
+          avatars={[
-          metrics={[
+            { 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" },
-              id: "1",              value: "50mg",              label: "Caffeine Per Strip"
+            { 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" }
-              id: "2",              value: "30mg",              label: "L-Theanine for Smoothness"
-            },
-            {
-              id: "3",              value: "0 Jitters",              label: "Clean Energy Promise"
-            }
           ]}
+          avatarText="Join 1,000+ professionals experiencing clean energy"
         />
       </div>
 
@@ -123,13 +117,14 @@ export default function LandingPage() {
           title="Choose Your Energy Solution"
           description="Select the perfect bundle for your lifestyle—single strips for testing or bulk packs for committed energy seekers"
           tag="Best Seller"
+          tagIcon={Star}
           textboxLayout="default"
           useInvertedBackground="invertCard"
           animationType="slide-up"
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "bundle2x",              name: "Bundle 2x (20 Strips) 🏆 BEST SELLER",              price: "$27.99",              imageSrc: "https://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-36418.jpg",              imageAlt: "Edgetabs 2x bundle with 20 strips - most popular choice",              initialQuantity: 1
+              id: "bundle2x",              name: "Bundle 2x (20 Strips) ⭐ MOST POPULAR",              price: "$27.99",              imageSrc: "https://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-36418.jpg",              imageAlt: "Edgetabs 2x bundle with 20 strips - most popular choice",              initialQuantity: 1
             },
             {
               id: "single",              name: "Single Tin (10 Strips)",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-nuts-milk-carton-arrangement_23-2149139375.jpg",              imageAlt: "Edgetabs single tin with 10 strips",              initialQuantity: 1