Update src/app/page.tsx

Merge version_2 into main

src/app/blog/page.tsx

@@ -31,7 +31,7 @@ export default function BlogPage() {
                             { name: "Home", id: "/" },
                             { name: "Services", id: "services" },
                             { name: "Results", id: "results" },
-                            { name: "Pricing", id: "pricing" },
+                            { name: "Products", id: "products" },
                             { name: "Contact", id: "contact" }
                         ]}
                         button={{ text: "Start Transformation", href: "#contact" }}
@@ -65,7 +65,7 @@ export default function BlogPage() {
                                 title: "Navigate",                                items: [
                                     { label: "Home", href: "#" },
                                     { label: "Services", href: "#services" },
-                                    { label: "Pricing", href: "#pricing" },
+                                    { label: "Products", href: "#products" },
                                     { label: "Results", href: "#results" }
                                 ]
                             },

src/app/page.tsx

@@ -6,12 +6,12 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Award, CheckCircle, Sparkles } from "lucide-react";
+import { Award, CheckCircle, Sparkles, Package } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,7 +33,7 @@ export default function LandingPage() {
           navItems={[
             { name: "Services", id: "services" },
             { name: "Results", id: "results" },
-            { name: "Pricing", id: "pricing" },
+            { name: "Products", id: "products" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
@@ -130,33 +130,22 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="pricing" data-section="pricing">
+      <div id="products" data-section="products">
-        <PricingCardEight
+        <ProductCardFour
-          title="Investment Tiers"
+          title="Maxximize Kits"
-          description="Choose the program that fits your goals and commitment level."
+          description="Complete personal optimization kits designed to accelerate your transformation journey."
-          plans={[
+          products={[
             {
-              id: "starter",              badge: "Popular Entry",              badgeIcon: Sparkles,
+              id: "lite",              name: "Looks Lite",              price: "$149",              variant: "Essential Essentials  5 Items",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/tmp/generate-an-image-of-a-looksmaxxing-prod-1772150424151-77a31ef6.png",              imageAlt: "Looks Lite Kit",              isFavorited: false
-              price: "$297",              subtitle: "Perfect for first-timers",              buttons: [{ text: "Get Started", href: "#contact" }],
-              features: [
-                "4-week personalized skincare plan",                "Beginner fitness program design",                "Basic style consultation",                "Email support",                "Access to private community"
-              ]
             },
             {
-              id: "pro",              badge: "Most Popular",              badgeIcon: CheckCircle,
+              id: "mid",              name: "Looks Mid",              price: "$299",              variant: "Complete System  12 Items",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/tmp/generate-an-image-of-a-looksmaxxing-prod-1772150203310-33014b9b.png",              imageAlt: "Looks Mid Kit",              isFavorited: false
-              price: "$597",              subtitle: "Complete transformation package",              buttons: [{ text: "Transform Now", href: "#contact" }],
-              features: [
-                "12-week advanced skincare protocol",                "Custom hypertrophy training program",                "Full wardrobe consultation & curation",                "Professional grooming guidance",                "Weekly check-ins & adjustments",                "Priority email & chat support"
-              ]
             },
             {
-              id: "elite",              badge: "Premium Transformation",              badgeIcon: Award,
+              id: "max",              name: "Looks MAX",              price: "$499",              variant: "Premium Bundle  20 Items",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/tmp/generate-an-image-of-a-looksmaxxing-prod-1772150463609-8d918126.png",              imageAlt: "Looks MAX Kit",              isFavorited: false
-              price: "$1,297",              subtitle: "1-on-1 elite coaching",              buttons: [{ text: "Become Elite", href: "#contact" }],
-              features: [
-                "Unlimited 12-week personalized coaching",                "1-on-1 weekly video consultations",                "Advanced dermatology consultations",                "Customized nutrition plans",                "Personal shopping assistance",                "24/7 priority support",                "Lifetime community access",                "Results guarantee"
-              ]
             }
           ]}
+          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -247,7 +236,7 @@ export default function LandingPage() {
               title: "Navigate",              items: [
                 { label: "Home", href: "#" },
                 { label: "Services", href: "#services" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Products", href: "#products" },
                 { label: "Results", href: "#results" }
               ]
             },

src/app/shop/[id]/page.tsx

@@ -96,9 +96,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                             {"name":"Home","id":"/"},
                             {"name":"Services","id":"services"},
                             {"name":"Results","id":"results"},
-                            {"name":"Pricing","id":"pricing"},
+                            {"name":"Products","id":"products"},
-                            {"name":"Contact","id":"contact"},
+                            {"name":"Contact","id":"contact"}
-                            {"name":"Shop","id":"/shop"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -109,7 +108,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="footer" data-section="footer">
                     <FooterSimple
                         columns={[
-                            {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Pricing","href":"#pricing"},{"label":"Results","href":"#results"}]},
+                            {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
                             {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                             {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                         ]}
@@ -144,9 +143,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 {"name":"Home","id":"/"},
                                 {"name":"Services","id":"services"},
                                 {"name":"Results","id":"results"},
-                                {"name":"Pricing","id":"pricing"},
+                                {"name":"Products","id":"products"},
-                                {"name":"Contact","id":"contact"},
+                                {"name":"Contact","id":"contact"}
-                                {"name":"Shop","id":"/shop"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -165,7 +163,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                     <div id="footer" data-section="footer">
                     <FooterSimple
                         columns={[
-                            {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Pricing","href":"#pricing"},{"label":"Results","href":"#results"}]},
+                            {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
                             {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                             {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                         ]}
@@ -199,9 +197,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         {"name":"Home","id":"/"},
                         {"name":"Services","id":"services"},
                         {"name":"Results","id":"results"},
-                        {"name":"Pricing","id":"pricing"},
+                        {"name":"Products","id":"products"},
-                        {"name":"Contact","id":"contact"},
+                        {"name":"Contact","id":"contact"}
-                        {"name":"Shop","id":"/shop"}
                     ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                 />
@@ -245,7 +242,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="footer" data-section="footer">
                 <FooterSimple
                     columns={[
-                        {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Pricing","href":"#pricing"},{"label":"Results","href":"#results"}]},
+                        {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
                         {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                         {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                     ]}

src/app/shop/page.tsx

@@ -39,9 +39,8 @@ function ShopPageContent() {
                             {"name":"Home","id":"/"},
                             {"name":"Services","id":"services"},
                             {"name":"Results","id":"results"},
-                            {"name":"Pricing","id":"pricing"},
+                            {"name":"Products","id":"products"},
-                            {"name":"Contact","id":"contact"},
+                            {"name":"Contact","id":"contact"}
-                            {"name":"Shop","id":"/shop"}
                         ]}
                         button={{ text: "Cart", onClick: () => console.log("cart") }}
                     />
@@ -52,7 +51,7 @@ function ShopPageContent() {
                     <div id="footer" data-section="footer">
                     <FooterSimple
                         columns={[
-                            {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Pricing","href":"#pricing"},{"label":"Results","href":"#results"}]},
+                            {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
                             {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                             {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                         ]}
@@ -86,9 +85,8 @@ function ShopPageContent() {
                         {"name":"Home","id":"/"},
                         {"name":"Services","id":"services"},
                         {"name":"Results","id":"results"},
-                        {"name":"Pricing","id":"pricing"},
+                        {"name":"Products","id":"products"},
-                        {"name":"Contact","id":"contact"},
+                        {"name":"Contact","id":"contact"}
-                        {"name":"Shop","id":"/shop"}
                     ]}
                     button={{ text: "Cart", onClick: () => console.log("cart") }}
                 />
@@ -107,7 +105,7 @@ function ShopPageContent() {
                 <div id="footer" data-section="footer">
                 <FooterSimple
                     columns={[
-                        {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Pricing","href":"#pricing"},{"label":"Results","href":"#results"}]},
+                        {"title":"Navigate","items":[{"label":"Home","href":"#"},{"label":"Services","href":"#services"},{"label":"Products","href":"#products"},{"label":"Results","href":"#results"}]},
                         {"title":"Resources","items":[{"label":"Blog","href":"#"},{"label":"FAQ","href":"#faq"},{"label":"Community","href":"#"},{"label":"Support","href":"#contact"}]},
                         {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact Us","href":"#contact"},{"label":"Disclaimer","href":"#"}]}
                     ]}