bender/b5ce1abd-2e2e-4818-8796-36be7b985e51
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-05 11:06:23 +00:00
parent dfbcdc4ac6 89cd5e76a2
commit 199fb0eed1
3 changed files with 194 additions and 464 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/app/contact/page.tsx
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>
);

337
src/app/page.tsx
View File

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

184
src/app/products/page.tsx
View File

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