Merge version_1 into main #1
226
src/app/page.tsx
226
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RoseSouk"
|
||||
/>
|
||||
@@ -52,38 +40,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Treasures from Morocco"
|
||||
description="Discover handcrafted artisan goods delivered directly to your door. Pure quality, pure tradition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Products",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Browse Products", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-vase-with-indigenous-pattern_23-2151585822.jpg",
|
||||
imageAlt: "Artisan pottery display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plates-market-morocco_23-2148129785.jpg",
|
||||
imageAlt: "Traditional textiles",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moroccan-serving-mint-tea-traditional-way_268835-3983.jpg",
|
||||
imageAlt: "Handcrafted lanterns",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585721.jpg",
|
||||
imageAlt: "Pottery detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-scene-from-neighborhood-yard-sale-miscellaneous-items_23-2151238425.jpg",
|
||||
imageAlt: "Lantern detail",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/antique-vase-with-indigenous-pattern_23-2151585822.jpg", imageAlt: "Artisan pottery display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plates-market-morocco_23-2148129785.jpg", imageAlt: "Traditional textiles" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/moroccan-serving-mint-tea-traditional-way_268835-3983.jpg", imageAlt: "Handcrafted lanterns" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585721.jpg", imageAlt: "Pottery detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/realistic-scene-from-neighborhood-yard-sale-miscellaneous-items_23-2151238425.jpg", imageAlt: "Lantern detail" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -96,68 +62,19 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Souk",
|
||||
name: "Berber Rug",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-vintage-broadcast-radio-receiver-flowers_23-2148695306.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Souk",
|
||||
name: "Ceramic Tagine",
|
||||
price: "$45",
|
||||
rating: 4,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-essentials-pottery-studio_23-2150164937.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Souk",
|
||||
name: "Brass Lantern",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-metal-lamp-candlestick-hangs-flea-market_169016-10818.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Souk",
|
||||
name: "Leather Babouche",
|
||||
price: "$30",
|
||||
rating: 4,
|
||||
reviewCount: "31",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12254.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Souk",
|
||||
name: "Organic Argan Oil",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292038.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Souk",
|
||||
name: "Raffia Tote",
|
||||
price: "$40",
|
||||
rating: 4,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141477.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Souk", name: "Berber Rug", price: "$150", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/luxury-vintage-broadcast-radio-receiver-flowers_23-2148695306.jpg" },
|
||||
{ id: "p2", brand: "Souk", name: "Ceramic Tagine", price: "$45", rating: 4, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/view-essentials-pottery-studio_23-2150164937.jpg" },
|
||||
{ id: "p3", brand: "Souk", name: "Brass Lantern", price: "$85", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/old-metal-lamp-candlestick-hangs-flea-market_169016-10818.jpg" },
|
||||
{ id: "p4", brand: "Souk", name: "Leather Babouche", price: "$30", rating: 4, reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12254.jpg" },
|
||||
{ id: "p5", brand: "Souk", name: "Organic Argan Oil", price: "$25", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292038.jpg" },
|
||||
{ id: "p6", brand: "Souk", name: "Raffia Tote", price: "$40", rating: 4, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141477.jpg" },
|
||||
]}
|
||||
title="Marketplace"
|
||||
description="Our handpicked collection of traditional crafts."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Order",
|
||||
href: "https://wa.me/1234567890?text=Hello,%20I%20want%20to%20order:%20[Product%20Name],%20City:%20[User%20City]",
|
||||
},
|
||||
text: "WhatsApp Order", href: "https://wa.me/1234567890?text=Hello,%20I%20want%20to%20order:%20[Product%20Name],%20City:%20[User%20City]"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,9 +84,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About RoseSouk"
|
||||
description={[
|
||||
"RoseSouk bridges the gap between Moroccan artisans and the world.",
|
||||
"We believe in fair trade, quality craftsmanship, and preserving tradition.",
|
||||
]}
|
||||
"RoseSouk bridges the gap between Moroccan artisans and the world.", "We believe in fair trade, quality craftsmanship, and preserving tradition."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,21 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I order?",
|
||||
content: "Simply click the WhatsApp button on any product page, send us your choice and city, and we'll confirm your order.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where do you ship?",
|
||||
content: "We ship nationwide across Morocco and offer international shipping options on request.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are products authentic?",
|
||||
content: "Yes, all our products are ethically sourced directly from traditional artisans in Morocco.",
|
||||
},
|
||||
{ id: "f1", title: "How do I order?", content: "Simply click the WhatsApp button on any product page, send us your choice and city, and we'll confirm your order." },
|
||||
{ id: "f2", title: "Where do you ship?", content: "We ship nationwide across Morocco and offer international shipping options on request." },
|
||||
{ id: "f3", title: "Are products authentic?", content: "Yes, all our products are ethically sourced directly from traditional artisans in Morocco." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-haired-clothes-shop-cashier-giving-paper-bag-customer-desk-with-cash-register-side-view-shopping-consumerism-concept_74855-11534.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -203,44 +106,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amira M.",
|
||||
handle: "@amira",
|
||||
testimonial: "The quality of the rug I ordered is simply stunning. So happy!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walks-through-autumn-city-happy-body-female-with-curly-hair-raincoat_1321-4545.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Youssef K.",
|
||||
handle: "@youssef",
|
||||
testimonial: "Very easy ordering process via WhatsApp. Recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah D.",
|
||||
handle: "@sarahd",
|
||||
testimonial: "Beautiful ceramics! Packaging was great, nothing broken.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friendly-woman-holding-shopping-bags_1098-1574.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Omar B.",
|
||||
handle: "@omar",
|
||||
testimonial: "Authentic goods, great prices. Will buy again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Leila H.",
|
||||
handle: "@leila",
|
||||
testimonial: "My lantern is the centerpiece of my home. Just perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68234.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Amira M.", handle: "@amira", testimonial: "The quality of the rug I ordered is simply stunning. So happy!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walks-through-autumn-city-happy-body-female-with-curly-hair-raincoat_1321-4545.jpg" },
|
||||
{ id: "t2", name: "Youssef K.", handle: "@youssef", testimonial: "Very easy ordering process via WhatsApp. Recommend!", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
|
||||
{ id: "t3", name: "Sarah D.", handle: "@sarahd", testimonial: "Beautiful ceramics! Packaging was great, nothing broken.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friendly-woman-holding-shopping-bags_1098-1574.jpg" },
|
||||
{ id: "t4", name: "Omar B.", handle: "@omar", testimonial: "Authentic goods, great prices. Will buy again.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg" },
|
||||
{ id: "t5", name: "Leila H.", handle: "@leila", testimonial: "My lantern is the centerpiece of my home. Just perfect.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68234.jpg" },
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Hear from our happy customers."
|
||||
@@ -250,18 +124,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Have a question?"
|
||||
description="Our team is ready to assist you via WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact on WhatsApp",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact on WhatsApp", href: "https://wa.me/1234567890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -269,33 +136,16 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/1234567890" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user