Update src/app/shop/page.tsx

Merge version_1 into main

src/app/blog/page.tsx

@@ -32,6 +32,7 @@ export default function BlogPage() {
                             { 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" }}
@@ -66,6 +67,7 @@ export default function BlogPage() {
                                     { label: "Home", href: "#" },
                                     { label: "Services", href: "#services" },
                                     { label: "Pricing", href: "#pricing" },
+                                    { label: "Products", href: "#products" },
                                     { label: "Results", href: "#results" }
                                 ]
                             },

src/app/page.tsx

@@ -7,11 +7,12 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 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 (
@@ -34,6 +35,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Results", id: "results" },
             { name: "Pricing", id: "pricing" },
+            { name: "Products", id: "products" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
@@ -163,6 +165,28 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Maxximize Kits"
+          description="Complete personal optimization kits designed to accelerate your transformation journey."
+          products={[
+            {
+              id: "lite",              name: "Looks Lite",              price: "$149",              variant: "Essential Essentials  5 Items",              imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-skincare-product-white-background_90220-1639.jpg",              imageAlt: "Looks Lite Kit",              isFavorited: false
+            },
+            {
+              id: "mid",              name: "Looks Mid",              price: "$299",              variant: "Complete System  12 Items",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetics-arranged_23-2149351023.jpg",              imageAlt: "Looks Mid Kit",              isFavorited: false
+            },
+            {
+              id: "max",              name: "Looks MAX",              price: "$499",              variant: "Premium Bundle  20 Items",              imageSrc: "http://img.b2bpic.net/free-photo/spa-background-with-bottles-products_23-2148707810.jpg",              imageAlt: "Looks MAX Kit",              isFavorited: false
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwo
           title="Client Success Stories"
@@ -248,6 +272,7 @@ export default function LandingPage() {
                 { 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

@@ -97,8 +97,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                             {"name":"Services","id":"services"},
                             {"name":"Results","id":"results"},
                             {"name":"Pricing","id":"pricing"},
-                            {"name":"Contact","id":"contact"},
+                            {"name":"Products","id":"products"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -109,7 +109,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":"Pricing","href":"#pricing"},{"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":"#"}]}
                         ]}
@@ -145,8 +145,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 {"name":"Services","id":"services"},
                                 {"name":"Results","id":"results"},
                                 {"name":"Pricing","id":"pricing"},
-                                {"name":"Contact","id":"contact"},
+                                {"name":"Products","id":"products"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -165,7 +165,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":"Pricing","href":"#pricing"},{"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":"#"}]}
                         ]}
@@ -200,8 +200,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         {"name":"Services","id":"services"},
                         {"name":"Results","id":"results"},
                         {"name":"Pricing","id":"pricing"},
-                        {"name":"Contact","id":"contact"},
+                        {"name":"Products","id":"products"},
-                        {"name":"Shop","id":"/shop"}
+                        {"name":"Contact","id":"contact"}
                     ]}
                     button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                 />
@@ -245,7 +245,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":"Pricing","href":"#pricing"},{"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

@@ -40,8 +40,8 @@ function ShopPageContent() {
                             {"name":"Services","id":"services"},
                             {"name":"Results","id":"results"},
                             {"name":"Pricing","id":"pricing"},
-                            {"name":"Contact","id":"contact"},
+                            {"name":"Products","id":"products"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => console.log("cart") }}
                     />
@@ -52,7 +52,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":"Pricing","href":"#pricing"},{"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":"#"}]}
                         ]}
@@ -87,8 +87,8 @@ function ShopPageContent() {
                         {"name":"Services","id":"services"},
                         {"name":"Results","id":"results"},
                         {"name":"Pricing","id":"pricing"},
-                        {"name":"Contact","id":"contact"},
+                        {"name":"Products","id":"products"},
-                        {"name":"Shop","id":"/shop"}
+                        {"name":"Contact","id":"contact"}
                     ]}
                     button={{ text: "Cart", onClick: () => console.log("cart") }}
                 />
@@ -107,7 +107,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":"Pricing","href":"#pricing"},{"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":"#"}]}
                     ]}