From f70fde6e5556ccc3febbd4fafc9f6b2022fbfbe0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 11:06:16 +0000
Subject: [PATCH 1/3] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 137 +++++++++++++--------------------------
 1 file changed, 46 insertions(+), 91 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 06c7c74..f8e15d1 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -13,99 +13,54 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Products",
-          id: "/products",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Sama Shop"
-    />
-  </div>
-
-  <div id="contact-us" data-section="contact-us">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Order on WhatsApp"
-      description="Have questions? Order directly or message us for inquiries."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "What are you interested in?",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/serious-customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11972.jpg"
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Our Commitment"
-      description="We are dedicated to enhancing your mobile experience with curated, high-quality accessories tailored for your lifestyle."
-      imageSrc="http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg?_wi=7"
-      imageAlt="Tech Setup"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All Products",
-              href: "/products",
-            },
-            {
-              label: "Order Now",
-              href: "https://wa.me/96171859397",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "samashop@gmail.com",
-              href: "mailto:samashop@gmail.com",
-            },
-            {
-              label: "+961 71 859 397",
-              href: "tel:+96171859397",
-            },
-          ],
-        },
-      ]}
-      logoText="Sama Shop"
-      copyrightText="© 2026 Sama Shop. All rights reserved."
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[{ name: "Home", id: "/" }, { name: "Products", id: "/products" }, { name: "Contact", id: "/contact" }]}
+            brandName="Sama Shop"
+            button={{ text: "Order", href: "https://wa.me/96171859397" }}
+          />
+        </div>
+        <div id="contact-us" data-section="contact-us">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Order on WhatsApp"
+            description="Have questions? Order directly or message us for inquiries."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "What are you interested in?" }}
+            imageSrc="http://img.b2bpic.net/free-photo/serious-customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11972.jpg"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Our Commitment"
+            description="We are dedicated to enhancing your mobile experience with curated, high-quality accessories tailored for your lifestyle."
+            imageSrc="http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg"
+            imageAlt="Tech Setup"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Shop", items: [{ label: "All Products", href: "/products" }, { label: "Order Now", href: "https://wa.me/96171859397" }] },
+              { title: "Contact", items: [{ label: "samashop@gmail.com", href: "mailto:samashop@gmail.com" }, { label: "+961 71 859 397", href: "tel:+96171859397" }] }
+            ]}
+            logoText="Sama Shop"
+            copyrightText="© 2026 Sama Shop. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1


From d30d8e5a72019ea60888efb847e9e8a51c4a59b4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 11:06:17 +0000
Subject: [PATCH 2/3] Update src/app/page.tsx

---
 src/app/page.tsx | 337 ++++++++++++++---------------------------------
 1 file changed, 97 insertions(+), 240 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d358ad9..0fe18e1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,248 +16,105 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Products",
-          id: "/products",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Sama Shop"
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Sama Shop"
-      description="Premium tech accessories delivered across all of Lebanon. iPhone cases, AirPods, bundles and more."
-      buttons={[
-        {
-          text: "Order on WhatsApp",
-          href: "https://wa.me/96171859397",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg?_wi=1",
-          imageAlt: "Hero Background",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg?_wi=2",
-          imageAlt: "Hero Background 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg?_wi=3",
-          imageAlt: "Hero Background 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg?_wi=4",
-          imageAlt: "Hero Background 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg?_wi=5",
-          imageAlt: "Hero Background 5",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="products-grid" data-section="products-grid">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "iPhone 17-Style Case",
-          price: "$10",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-holding-smartphone_23-2150170627.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "MagSafe Covers",
-          price: "On Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-with-pop-socket_52683-107786.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Custom Printed Cases",
-          price: "On Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168403.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          name: "AirPods Pro 2",
-          price: "On Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-blue-conserves_23-2148785250.jpg?_wi=1",
-        },
-        {
-          id: "5",
-          name: "Premium Tech Bundle",
-          price: "On Request",
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-tablet-with-ribbons-packet_23-2147959936.jpg?_wi=1",
-        },
-      ]}
-      title="Our Products"
-      description="Premium tech accessories delivered across Lebanon."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Common Questions"
-      description="Everything you need to know about shopping with us."
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "1",
-          title: "Do you deliver across all of Lebanon?",
-          content: "Yes, we provide reliable delivery to all regions in Lebanon.",
-        },
-        {
-          id: "2",
-          title: "How can I place an order?",
-          content: "Simply browse our products and click the WhatsApp link to start your order.",
-        },
-        {
-          id: "3",
-          title: "Are these products original?",
-          content: "We stock high-quality accessories that are compatible with your favorite tech gadgets.",
-        },
-        {
-          id: "4",
-          title: "How long does delivery take?",
-          content: "Most orders are processed and delivered within 2-4 business days.",
-        },
-        {
-          id: "5",
-          title: "Do you have a physical store?",
-          content: "We operate exclusively online to keep our prices competitive and accessible.",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by Tech Enthusiasts"
-      description="See why our customers love our premium accessory selection."
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah H.",
-          handle: "@sarah_tech",
-          testimonial: "Amazing cases! The quality exceeded my expectations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg?_wi=6",
-          imageAlt: "tech accessories store hero background",
-        },
-        {
-          id: "t2",
-          name: "Marc K.",
-          handle: "@marc_dzn",
-          testimonial: "The MagSafe case fits perfectly and looks professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-holding-smartphone_23-2150170627.jpg?_wi=2",
-          imageAlt: "iphone magsafe case product photography",
-        },
-        {
-          id: "t3",
-          name: "Layla F.",
-          handle: "@layla_style",
-          testimonial: "Fast delivery and great customer support via WhatsApp.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-with-pop-socket_52683-107786.jpg?_wi=2",
-          imageAlt: "colorful magsafe cases collection",
-        },
-        {
-          id: "t4",
-          name: "Omar J.",
-          handle: "@omar_tech",
-          testimonial: "Excellent value for money. Highly recommend the bundle!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168403.jpg?_wi=2",
-          imageAlt: "custom phone case print design",
-        },
-        {
-          id: "t5",
-          name: "Nadine A.",
-          handle: "@nadine_a",
-          testimonial: "The custom print design is so unique, really love it.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-blue-conserves_23-2148785250.jpg?_wi=2",
-          imageAlt: "airpods pro 2 protective cover",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Verified Partners"
-      description="We collaborate with the best in the industry to bring you quality."
-      names={[
-        "Apple Ecosystem",
-        "Tech Weekly",
-        "Gadget Hub",
-        "Mobile Gear",
-        "Digital Trends",
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All Products",
-              href: "/products",
-            },
-            {
-              label: "Order Now",
-              href: "https://wa.me/96171859397",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "samashop@gmail.com",
-              href: "mailto:samashop@gmail.com",
-            },
-            {
-              label: "+961 71 859 397",
-              href: "tel:+96171859397",
-            },
-          ],
-        },
-      ]}
-      logoText="Sama Shop"
-      copyrightText="© 2026 Sama Shop. All rights reserved."
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[{ name: "Home", id: "/" }, { name: "Products", id: "/products" }, { name: "Contact", id: "/contact" }]}
+            brandName="Sama Shop"
+            button={{ text: "Order", href: "https://wa.me/96171859397" }}
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Sama Shop"
+            description="Premium tech accessories delivered across all of Lebanon. iPhone cases, AirPods, bundles and more."
+            buttons={[{ text: "Order on WhatsApp", href: "https://wa.me/96171859397" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg", imageAlt: "Hero Background" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg", imageAlt: "Hero Background 2" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg", imageAlt: "Hero Background 3" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg", imageAlt: "Hero Background 4" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg", imageAlt: "Hero Background 5" }
+            ]}
+          />
+        </div>
+        <div id="products-grid" data-section="products-grid">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "iPhone 17-Style Case", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-holding-smartphone_23-2150170627.jpg" },
+              { id: "2", name: "MagSafe Covers", price: "On Request", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-with-pop-socket_52683-107786.jpg" },
+              { id: "3", name: "Custom Printed Cases", price: "On Request", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168403.jpg" },
+              { id: "4", name: "AirPods Pro 2", price: "On Request", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-blue-conserves_23-2148785250.jpg" },
+              { id: "5", name: "Premium Tech Bundle", price: "On Request", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-tablet-with-ribbons-packet_23-2147959936.jpg" }
+            ]}
+            title="Our Products"
+            description="Premium tech accessories delivered across Lebanon."
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Common Questions"
+            description="Everything you need to know about shopping with us."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "1", title: "Do you deliver across all of Lebanon?", content: "Yes, we provide reliable delivery to all regions in Lebanon." },
+              { id: "2", title: "How can I place an order?", content: "Simply browse our products and click the WhatsApp link to start your order." },
+              { id: "3", title: "Are these products original?", content: "We stock high-quality accessories that are compatible with your favorite tech gadgets." },
+              { id: "4", title: "How long does delivery take?", content: "Most orders are processed and delivered within 2-4 business days." },
+              { id: "5", title: "Do you have a physical store?", content: "We operate exclusively online to keep our prices competitive and accessible." }
+            ]}
+          />
+        </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Trusted by Tech Enthusiasts"
+            description="See why our customers love our premium accessory selection."
+            testimonials={[
+              { id: "t1", name: "Sarah H.", handle: "@sarah_tech", testimonial: "Amazing cases! The quality exceeded my expectations.", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg", imageAlt: "tech accessories store hero background" },
+              { id: "t2", name: "Marc K.", handle: "@marc_dzn", testimonial: "The MagSafe case fits perfectly and looks professional.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-holding-smartphone_23-2150170627.jpg", imageAlt: "iphone magsafe case product photography" },
+              { id: "t3", name: "Layla F.", handle: "@layla_style", testimonial: "Fast delivery and great customer support via WhatsApp.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-with-pop-socket_52683-107786.jpg", imageAlt: "colorful magsafe cases collection" },
+              { id: "t4", name: "Omar J.", handle: "@omar_tech", testimonial: "Excellent value for money. Highly recommend the bundle!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168403.jpg", imageAlt: "custom phone case print design" },
+              { id: "t5", name: "Nadine A.", handle: "@nadine_a", testimonial: "The custom print design is so unique, really love it.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-blue-conserves_23-2148785250.jpg", imageAlt: "airpods pro 2 protective cover" }
+            ]}
+          />
+        </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Verified Partners"
+            description="We collaborate with the best in the industry to bring you quality."
+            names={["Apple Ecosystem", "Tech Weekly", "Gadget Hub", "Mobile Gear", "Digital Trends"]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Shop", items: [{ label: "All Products", href: "/products" }, { label: "Order Now", href: "https://wa.me/96171859397" }] },
+              { title: "Contact", items: [{ label: "samashop@gmail.com", href: "mailto:samashop@gmail.com" }, { label: "+961 71 859 397", href: "tel:+96171859397" }] }
+            ]}
+            logoText="Sama Shop"
+            copyrightText="© 2026 Sama Shop. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1


From 89cd5e76a2fe5d96435e2365aff744f55927b09a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 11:06:17 +0000
Subject: [PATCH 3/3] Update src/app/products/page.tsx

---
 src/app/products/page.tsx | 184 +++++++++++---------------------------
 1 file changed, 51 insertions(+), 133 deletions(-)

diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 9b290b8..55add28 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -13,141 +13,59 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Products",
-          id: "/products",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Sama Shop"
-    />
-  </div>
-
-  <div id="product-catalog-page" data-section="product-catalog-page">
-      <ProductCatalog
-      layout="page"
-      products={[
-        {
-          id: "p1",
-          name: "iPhone 17-Style Case",
-          price: "$10",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-holding-smartphone_23-2150170627.jpg?_wi=3",
-        },
-        {
-          id: "p2",
-          name: "MagSafe Covers",
-          price: "$15",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-with-pop-socket_52683-107786.jpg?_wi=3",
-        },
-        {
-          id: "p3",
-          name: "Custom Printed Cases",
-          price: "$12",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168403.jpg?_wi=3",
-        },
-        {
-          id: "p4",
-          name: "AirPods Pro 2",
-          price: "$25",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-blue-conserves_23-2148785250.jpg?_wi=3",
-        },
-        {
-          id: "p5",
-          name: "Premium Tech Bundle",
-          price: "$40",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-tablet-with-ribbons-packet_23-2147959936.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Quality Assured"
-      tag="Our Stats"
-      metricsAnimation="slide-up"
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          description: "Happy Clients",
-        },
-        {
-          id: "m2",
-          value: "100%",
-          description: "Quality Check",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "WhatsApp Support",
-        },
-        {
-          id: "m4",
-          value: "50+",
-          description: "Available Styles",
-        },
-        {
-          id: "m5",
-          value: "100%",
-          description: "Delivery Coverage",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All Products",
-              href: "/products",
-            },
-            {
-              label: "Order Now",
-              href: "https://wa.me/96171859397",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "samashop@gmail.com",
-              href: "mailto:samashop@gmail.com",
-            },
-            {
-              label: "+961 71 859 397",
-              href: "tel:+96171859397",
-            },
-          ],
-        },
-      ]}
-      logoText="Sama Shop"
-      copyrightText="© 2026 Sama Shop. All rights reserved."
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[{ name: "Home", id: "/" }, { name: "Products", id: "/products" }, { name: "Contact", id: "/contact" }]}
+            brandName="Sama Shop"
+            button={{ text: "Order", href: "https://wa.me/96171859397" }}
+          />
+        </div>
+        <div id="product-catalog-page" data-section="product-catalog-page">
+          <ProductCatalog
+            layout="page"
+            products={[
+              { id: "p1", name: "iPhone 17-Style Case", price: "$10", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-holding-smartphone_23-2150170627.jpg" },
+              { id: "p2", name: "MagSafe Covers", price: "$15", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-with-pop-socket_52683-107786.jpg" },
+              { id: "p3", name: "Custom Printed Cases", price: "$12", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168403.jpg" },
+              { id: "p4", name: "AirPods Pro 2", price: "$25", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-stack-blue-conserves_23-2148785250.jpg" },
+              { id: "p5", name: "Premium Tech Bundle", price: "$40", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smartphone-tablet-with-ribbons-packet_23-2147959936.jpg" }
+            ]}
+          />
+        </div>
+        <div id="metric" data-section="metric">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Quality Assured"
+            tag="Our Stats"
+            metricsAnimation="slide-up"
+            metrics={[
+              { id: "m1", value: "500+", description: "Happy Clients" },
+              { id: "m2", value: "100%", description: "Quality Check" },
+              { id: "m3", value: "24/7", description: "WhatsApp Support" },
+              { id: "m4", value: "50+", description: "Available Styles" },
+              { id: "m5", value: "100%", description: "Delivery Coverage" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Shop", items: [{ label: "All Products", href: "/products" }, { label: "Order Now", href: "https://wa.me/96171859397" }] },
+              { title: "Contact", items: [{ label: "samashop@gmail.com", href: "mailto:samashop@gmail.com" }, { label: "+961 71 859 397", href: "tel:+96171859397" }] }
+            ]}
+            logoText="Sama Shop"
+            copyrightText="© 2026 Sama Shop. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1