Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 06ab7337aa | |||
| 2ee7c26cfa |
172
src/app/page.tsx
172
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
@@ -31,17 +31,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections", id: "catalog"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{ name: "Collections", id: "catalog" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Zara Sousse"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
button={{ text: "Visit", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -49,24 +46,16 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Elegance Redefined at Zara Sousse"
|
||||
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"},
|
||||
]}
|
||||
buttons={[{ 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/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/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/black-hair-sexy-woman-glasses-coat-posed-against-building-with-modern-windows_627829-8622.jpg", alt: "Customer" },
|
||||
{ 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" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-outdoor-against-window_627829-2285.jpg", alt: "Shopper" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-mannequin_23-2148302796.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-calm-woman-light-summer-dress-straw-hat-tropical-location_343596-3165.jpg", alt: "Trendsetter" },
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied fashionistas"
|
||||
avatarText="Join 10,000+ fashionistas"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -77,21 +66,15 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Season's Best"
|
||||
description="Exclusive styles for the season."
|
||||
description="Exclusive global styles for the season."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -101,10 +84,8 @@ export default function LandingPage() {
|
||||
title="Our Fashion Journey"
|
||||
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: "500+", title: "Global Styles"},
|
||||
{ value: "10k+", title: "Happy Clients" },
|
||||
{ value: "500+", title: "Global Styles" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -118,15 +99,12 @@ export default function LandingPage() {
|
||||
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: "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: "m1", value: "20+", title: "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: "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", 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."
|
||||
description="Measuring excellence in retail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -136,32 +114,17 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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: "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" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9", label: "Avg Rating"},
|
||||
{
|
||||
value: "1500+", label: "Reviews"},
|
||||
{
|
||||
value: "100%", label: "Authentic"},
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
{ value: "1500+", label: "Reviews" },
|
||||
{ value: "100%", label: "Authentic" },
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="Hear what our fashion community says about Zara Sousse."
|
||||
description="Hear what our community says."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,10 +132,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Fashion Co", "Textile Inc", "Luxury Hub", "Style Store", "Trend Setter", "Urban Wear", "Modern Vogue"]}
|
||||
names={["Fashion Co", "Textile Inc", "Luxury Hub", "Style Store", "Trend Setter"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with industry-leading textile partners."
|
||||
description="Leading industry textile partners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,61 +143,37 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "f1", title: "Do you offer shipping?", content: "We serve the Sousse area with local delivery." },
|
||||
{ id: "f2", title: "How do returns work?", content: "Items returnable within 14 days with original receipt." },
|
||||
{ id: "f3", title: "Loyalty rewards?", content: "Join for exclusive annual discounts." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about shopping at Zara Sousse."
|
||||
description="Common shopping questions."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter for exclusive style drops."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Reach Out to Our Boutique"
|
||||
description="Find us at our Sousse flagship store for a personalized shopping experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-model-white-jacket-heels-is-leaning-fence-shop-background-she-keeps-hand-pocket-smiling-camera_197531-1116.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals", href: "#catalog"},
|
||||
{
|
||||
label: "Best Sellers", href: "#catalog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterBaseCard
|
||||
logoText="Zara Sousse"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "New Arrivals", href: "#catalog" }, { label: "Best Sellers", href: "#catalog" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Zara Sousse"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user