Update src/app/page.tsx
This commit is contained in:
337
src/app/page.tsx
337
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user