Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 444b618622 | |||
| a08d890548 |
249
src/app/page.tsx
249
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Hajj & Umrah",
|
||||
id: "features",
|
||||
},
|
||||
name: "Hajj & Umrah", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SAWANTS"
|
||||
/>
|
||||
@@ -56,65 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Everything You Need for Your Islamic Lifestyle"
|
||||
description="From modest wear to sacred journeys like Hajj & Umrah — all in one place."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-girls-together_23-2148421612.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-girls-together_23-2148421612.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charismatic-male-pondering-while-holding-cup-coffee-his-hand_23-2148112118.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-colleagues-watching-content-tablet_74855-1865.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-colleagues-watching-content-tablet_74855-1865.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fountain-youth-good-health_181624-36021.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fountain-youth-good-health_181624-36021.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by thousands of families"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{
|
||||
text: "Prepare for Hajj",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Prepare for Hajj", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Quality",
|
||||
},
|
||||
type: "text", text: "Authentic Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
type: "text", text: "Ethically Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Modesty",
|
||||
},
|
||||
type: "text", text: "Luxury Modesty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sacred Values",
|
||||
},
|
||||
type: "text", text: "Sacred Values"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,19 +93,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Community Served",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Community Served", value: "10k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality Promise",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Quality Promise", value: "100%"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Global Reach",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Global Reach", value: "50+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,20 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Modest Wear",
|
||||
description: "Elegant and comfortable apparel for daily life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-hijab_23-2149226626.jpg",
|
||||
},
|
||||
title: "Modest Wear", description: "Elegant and comfortable apparel for daily life.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-hijab_23-2149226626.jpg"},
|
||||
{
|
||||
title: "Hajj & Umrah Essentials",
|
||||
description: "Carefully selected items for your sacred journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-lanterns-text-frames-front-side_187299-35729.jpg",
|
||||
},
|
||||
title: "Hajj & Umrah Essentials", description: "Carefully selected items for your sacred journey.", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-lanterns-text-frames-front-side_187299-35729.jpg"},
|
||||
{
|
||||
title: "Perfumes & Oud",
|
||||
description: "Authentic luxury scents for special occasions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alcohol-beautiful-bottle_176474-6024.jpg",
|
||||
},
|
||||
title: "Perfumes & Oud", description: "Authentic luxury scents for special occasions.", imageSrc: "http://img.b2bpic.net/free-photo/alcohol-beautiful-bottle_176474-6024.jpg"},
|
||||
]}
|
||||
title="Sacred Journey Essentials"
|
||||
description="We support every aspect of your spiritual and daily life with curated collections."
|
||||
@@ -180,41 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Abaya",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-authentic-woman-posing-with-curtain_23-2149419322.jpg",
|
||||
},
|
||||
id: "p1", name: "Premium Abaya", price: "R2,200", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-authentic-woman-posing-with-curtain_23-2149419322.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Thobe",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-against-yellow-autumn-leaves-tree_627829-2492.jpg",
|
||||
},
|
||||
id: "p2", name: "Classic Thobe", price: "R1,750", imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-against-yellow-autumn-leaves-tree_627829-2492.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Oud Fragrance",
|
||||
price: "$70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-perfume-bottle-with-purple-orchids_84443-82110.jpg",
|
||||
},
|
||||
id: "p3", name: "Oud Fragrance", price: "R1,250", imageSrc: "http://img.b2bpic.net/free-photo/elegant-perfume-bottle-with-purple-orchids_84443-82110.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Prayer Mat",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-white-relax-decor-lamp_1203-4095.jpg",
|
||||
},
|
||||
id: "p4", name: "Prayer Mat", price: "R800", imageSrc: "http://img.b2bpic.net/free-photo/pillow-white-relax-decor-lamp_1203-4095.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Quran Cover",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-islamic-new-year-concept_23-2148611718.jpg",
|
||||
},
|
||||
id: "p5", name: "Quran Cover", price: "R550", imageSrc: "http://img.b2bpic.net/free-photo/front-view-islamic-new-year-concept_23-2148611718.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Medjool Dates",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-islamic-new-year-pastries_23-2148611744.jpg",
|
||||
},
|
||||
id: "p6", name: "Medjool Dates", price: "R450", imageSrc: "http://img.b2bpic.net/free-photo/top-view-islamic-new-year-pastries_23-2148611744.jpg"},
|
||||
]}
|
||||
title="Best Sellers"
|
||||
description="Discover our most loved items."
|
||||
@@ -228,59 +156,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Client",
|
||||
company: "Sawants",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-hijab-having-good-time_23-2149255372.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Client", company: "Sawants", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-hijab-having-good-time_23-2149255372.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Client",
|
||||
company: "Sawants",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Client", company: "Sawants", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Client",
|
||||
company: "Sawants",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424004.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Client", company: "Sawants", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424004.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Client",
|
||||
company: "Sawants",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-business-man_23-2148479507.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Client", company: "Sawants", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-business-man_23-2148479507.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fatima Zahra",
|
||||
role: "Client",
|
||||
company: "Sawants",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-women-laughing-while-reading-book_23-2148850657.jpg",
|
||||
},
|
||||
id: "5", name: "Fatima Zahra", role: "Client", company: "Sawants", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-women-laughing-while-reading-book_23-2148850657.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "12k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "12k+", label: "Happy Clients"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Served",
|
||||
},
|
||||
value: "15+", label: "Years Served"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from the community that trusts Sawants."
|
||||
@@ -292,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to all major countries with secure packaging.",
|
||||
},
|
||||
id: "f1", title: "Do you ship worldwide?", content: "Yes, we ship to all major countries with secure packaging."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer returns within 30 days of purchase for unused items.",
|
||||
},
|
||||
id: "f2", title: "What is your return policy?", content: "We offer returns within 30 days of purchase for unused items."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your fragrances authentic?",
|
||||
content: "Absolutely, we only stock genuine, luxury-grade perfumes.",
|
||||
},
|
||||
id: "f3", title: "Are your fragrances authentic?", content: "Absolutely, we only stock genuine, luxury-grade perfumes."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our products and services."
|
||||
@@ -318,14 +206,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sawants Boutique",
|
||||
"Islamic Legacy",
|
||||
"Modern Modesty",
|
||||
"Sacred Journeys",
|
||||
"Faithful Gifts",
|
||||
"Oud Emporium",
|
||||
"Quran Heritage",
|
||||
]}
|
||||
"Sawants Boutique", "Islamic Legacy", "Modern Modesty", "Sacred Journeys", "Faithful Gifts", "Oud Emporium", "Quran Heritage"]}
|
||||
title="Recognized Excellence"
|
||||
description="Proudly supporting the community."
|
||||
/>
|
||||
@@ -335,8 +216,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Sign up for updates on our latest collections and events."
|
||||
@@ -349,42 +229,27 @@ export default function LandingPage() {
|
||||
logoText="SAWANTS"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Modest Wear",
|
||||
href: "#",
|
||||
},
|
||||
label: "Modest Wear", href: "#"},
|
||||
{
|
||||
label: "Books",
|
||||
href: "#",
|
||||
},
|
||||
label: "Books", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -393,4 +258,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user