Merge version_1 into main #1
230
src/app/page.tsx
230
src/app/page.tsx
@@ -32,23 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Collections", id: "catalog"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Zara Sousse"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,32 +51,20 @@ export default function LandingPage() {
|
||||
description="Discover the latest in global fashion, right here in Sousse. Explore our curated collections blending sophistication and contemporary style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861944.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8622.jpg",
|
||||
alt: "Customer looking at fashion boutique",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8622.jpg", alt: "Customer looking at fashion boutique"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-woman-with-pink-purple-braids-black-waist-bag-posing-outdoor_343596-2044.jpg",
|
||||
alt: "Fashion enthusiast portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-woman-with-pink-purple-braids-black-waist-bag-posing-outdoor_343596-2044.jpg", alt: "Fashion enthusiast portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-outdoor-against-window_627829-2285.jpg",
|
||||
alt: "Style-conscious shopper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-outdoor-against-window_627829-2285.jpg", alt: "Style-conscious shopper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-mannequin_23-2148302796.jpg",
|
||||
alt: "Happy boutique client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-mannequin_23-2148302796.jpg", alt: "Happy boutique client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3165.jpg",
|
||||
alt: "Seasonal fashion trendsetter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3165.jpg", alt: "Seasonal fashion trendsetter"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied fashionistas"
|
||||
/>
|
||||
@@ -97,47 +78,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Silk Blouse",
|
||||
price: "149 TND",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3167.jpg",
|
||||
},
|
||||
id: "1", name: "Silk Blouse", price: "149 TND", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3167.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tailored Trousers",
|
||||
price: "189 TND",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-leaving-shop_23-2147688314.jpg",
|
||||
},
|
||||
id: "2", name: "Tailored Trousers", price: "189 TND", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-leaving-shop_23-2147688314.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cashmere Knit",
|
||||
price: "229 TND",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885628.jpg",
|
||||
},
|
||||
id: "3", name: "Cashmere Knit", price: "229 TND", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885628.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leather Clutch",
|
||||
price: "99 TND",
|
||||
variant: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-shirt-with-flowers-pattern_23-2148237612.jpg",
|
||||
},
|
||||
id: "4", name: "Leather Clutch", price: "99 TND", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/white-shirt-with-flowers-pattern_23-2148237612.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Summer Linen Shirt",
|
||||
price: "129 TND",
|
||||
variant: "Casual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-background-store-shopping-mall-blur-background-with-bokeh-vintage-filtered-image_1253-1654.jpg",
|
||||
},
|
||||
id: "5", name: "Summer Linen Shirt", price: "129 TND", variant: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/blurred-background-store-shopping-mall-blur-background-with-bokeh-vintage-filtered-image_1253-1654.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Wool Overcoat",
|
||||
price: "349 TND",
|
||||
variant: "Outerwear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-wears-fashionable-cloths-white-boots-has-bright-makeup-poses-against-urban-building-poses-making-photo-practices-breakdancing-looks-seriously_273609-54827.jpg",
|
||||
},
|
||||
id: "6", name: "Wool Overcoat", price: "349 TND", variant: "Outerwear", imageSrc: "http://img.b2bpic.net/free-photo/girl-wears-fashionable-cloths-white-boots-has-bright-makeup-poses-against-urban-building-poses-making-photo-practices-breakdancing-looks-seriously_273609-54827.jpg"},
|
||||
]}
|
||||
title="Season's Best"
|
||||
description="Exclusive styles for the season."
|
||||
@@ -151,13 +102,9 @@ export default function LandingPage() {
|
||||
description="Bringing international trends to the heart of Tunisia. Zara Sousse celebrates diversity, quality, and timeless design in every garment."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
value: "10k+", title: "Happy Clients"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Global Styles",
|
||||
},
|
||||
value: "500+", title: "Global Styles"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -167,30 +114,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
title: "Store Years",
|
||||
description: "Serving Sousse since 2005.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-red-dresses_23-2149020031.jpg",
|
||||
},
|
||||
id: "m1", value: "20+", title: "Store Years", description: "Serving Sousse since 2005.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-red-dresses_23-2149020031.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Fashion Support",
|
||||
description: "Always ready to style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-background-smartphone-white-people-cheerful_1303-3367.jpg",
|
||||
},
|
||||
id: "m2", value: "24/7", title: "Fashion Support", description: "Always ready to style.", imageSrc: "http://img.b2bpic.net/free-photo/day-background-smartphone-white-people-cheerful_1303-3367.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Loved by our community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothing-rack_53876-138107.jpg",
|
||||
},
|
||||
id: "m3", value: "98%", title: "Satisfaction Rate", description: "Loved by our community.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothing-rack_53876-138107.jpg"},
|
||||
]}
|
||||
title="Brand Impact"
|
||||
description="Measuring excellence in fashion retail."
|
||||
@@ -204,59 +137,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Amira H.",
|
||||
role: "Influencer",
|
||||
company: "Local Fashion",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg",
|
||||
},
|
||||
id: "1", name: "Amira H.", role: "Influencer", company: "Local Fashion", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Karim M.",
|
||||
role: "Student",
|
||||
company: "Sousse Univ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-young-attractive-woman-green-floral-dress-looks-up-holds-phone-pink-case-sits-chair-cozy-dressing-room_197531-29861.jpg",
|
||||
},
|
||||
id: "2", name: "Karim M.", role: "Student", company: "Sousse Univ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-young-attractive-woman-green-floral-dress-looks-up-holds-phone-pink-case-sits-chair-cozy-dressing-room_197531-29861.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Leila B.",
|
||||
role: "Architect",
|
||||
company: "Urban Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg",
|
||||
},
|
||||
id: "3", name: "Leila B.", role: "Architect", company: "Urban Design", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-clothing-boutique-interior_23-2151961902.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sami R.",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Startup",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-eyeglasses-black-jacket-writting-outdoors-beautiful-woman-with-red-lipstick-brunette-hair-sitting-stairs_197531-19326.jpg",
|
||||
},
|
||||
id: "4", name: "Sami R.", role: "Entrepreneur", company: "Tech Startup", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-eyeglasses-black-jacket-writting-outdoors-beautiful-woman-with-red-lipstick-brunette-hair-sitting-stairs_197531-19326.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dorra S.",
|
||||
role: "Manager",
|
||||
company: "Retail Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-selling-clothes_23-2149731158.jpg",
|
||||
},
|
||||
id: "5", name: "Dorra S.", role: "Manager", company: "Retail Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-selling-clothes_23-2149731158.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9", label: "Avg Rating"},
|
||||
{
|
||||
value: "1500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "1500+", label: "Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Authentic",
|
||||
},
|
||||
value: "100%", label: "Authentic"},
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="Hear what our fashion community says about Zara Sousse."
|
||||
@@ -268,14 +170,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Fashion Co",
|
||||
"Textile Inc",
|
||||
"Luxury Hub",
|
||||
"Style Store",
|
||||
"Trend Setter",
|
||||
"Urban Wear",
|
||||
"Modern Vogue",
|
||||
]}
|
||||
"Fashion Co", "Textile Inc", "Luxury Hub", "Style Store", "Trend Setter", "Urban Wear", "Modern Vogue"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with industry-leading textile partners."
|
||||
/>
|
||||
@@ -287,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Currently, we serve the Sousse area with local delivery and in-store pickup options.",
|
||||
},
|
||||
id: "f1", title: "Do you offer international shipping?", content: "Currently, we serve the Sousse area with local delivery and in-store pickup options."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I return an item?",
|
||||
content: "Items can be returned within 14 days with original tags and receipt.",
|
||||
},
|
||||
id: "f2", title: "How can I return an item?", content: "Items can be returned within 14 days with original tags and receipt."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there loyalty discounts?",
|
||||
content: "Join our membership program to get exclusive annual discounts and previews.",
|
||||
},
|
||||
id: "f3", title: "Are there loyalty discounts?", content: "Join our membership program to get exclusive annual discounts and previews."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about shopping at Zara Sousse."
|
||||
@@ -312,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Reach Out to Our Boutique"
|
||||
description="Find us at our Sousse flagship store for a personalized shopping experience."
|
||||
@@ -326,42 +211,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#catalog",
|
||||
},
|
||||
label: "New Arrivals", href: "#catalog"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#catalog",
|
||||
},
|
||||
label: "Best Sellers", href: "#catalog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user