Update src/app/contact/page.tsx

This commit is contained in:
2026-04-05 11:06:16 +00:00
parent 596883d276
commit f70fde6e55

View File

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