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] 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>
   );