Merge version_1 into main #2
231
src/app/page.tsx
231
src/app/page.tsx
@@ -20,231 +20,111 @@ const navItems = [
|
||||
|
||||
const heroTestimonials = [
|
||||
{
|
||||
name: "Amir Ben Ali",
|
||||
handle: "Customer",
|
||||
testimonial: "Best jeans shop in Tunis! Amazing quality and friendly service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-smiling-cheerful-offering-hands-giving-assistance-acceptance_839833-1655.jpg",
|
||||
imageAlt: "professional portrait male headshot",
|
||||
},
|
||||
name: "Amir Ben Ali", handle: "Customer", testimonial: "Best jeans shop in Tunis! Amazing quality and friendly service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-smiling-cheerful-offering-hands-giving-assistance-acceptance_839833-1655.jpg", imageAlt: "professional portrait male headshot"},
|
||||
{
|
||||
name: "Fatima Kharraz",
|
||||
handle: "Regular Customer",
|
||||
testimonial: "Always find exactly what I'm looking for. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_23-2149122066.jpg",
|
||||
imageAlt: "professional portrait female headshot",
|
||||
},
|
||||
name: "Fatima Kharraz", handle: "Regular Customer", testimonial: "Always find exactly what I'm looking for. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_23-2149122066.jpg", imageAlt: "professional portrait female headshot"},
|
||||
{
|
||||
name: "Karim Bouazza",
|
||||
handle: "Fashion Enthusiast",
|
||||
testimonial: "Great collection and prices. The staff really knows their stuff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-teenage-boy-carrying-backpack-looking-away_23-2148088796.jpg",
|
||||
imageAlt: "young man casual portrait smiling",
|
||||
},
|
||||
name: "Karim Bouazza", handle: "Fashion Enthusiast", testimonial: "Great collection and prices. The staff really knows their stuff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-teenage-boy-carrying-backpack-looking-away_23-2148088796.jpg", imageAlt: "young man casual portrait smiling"},
|
||||
{
|
||||
name: "Nadia Jendoubi",
|
||||
handle: "Long-time Customer",
|
||||
testimonial: "This is my go-to place for denim. Never disappointed!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
imageAlt: "successful businesswoman professional portrait",
|
||||
},
|
||||
name: "Nadia Jendoubi", handle: "Long-time Customer", testimonial: "This is my go-to place for denim. Never disappointed!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg", imageAlt: "successful businesswoman professional portrait"},
|
||||
];
|
||||
|
||||
const featuredProducts = [
|
||||
{
|
||||
id: "slim-fit-jeans",
|
||||
name: "Slim Fit Jeans",
|
||||
price: "79 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg?_wi=1",
|
||||
imageAlt: "Slim fit denim jeans blue dark",
|
||||
},
|
||||
id: "slim-fit-jeans", name: "Slim Fit Jeans", price: "79 TND", imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg", imageAlt: "Slim fit denim jeans blue dark"},
|
||||
{
|
||||
id: "streetwear-denim",
|
||||
name: "Streetwear Denim",
|
||||
price: "89 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-fair-haired-woman-posing-with-hand-pocket-isolated-grunge-background-smiling-pretty-girl-with-long-hair-standing-front-old-building_197531-3478.jpg?_wi=1",
|
||||
imageAlt: "trendy streetwear denim fashion",
|
||||
},
|
||||
id: "streetwear-denim", name: "Streetwear Denim", price: "89 TND", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-fair-haired-woman-posing-with-hand-pocket-isolated-grunge-background-smiling-pretty-girl-with-long-hair-standing-front-old-building_197531-3478.jpg", imageAlt: "trendy streetwear denim fashion"},
|
||||
{
|
||||
id: "casual-jeans",
|
||||
name: "Casual Jeans",
|
||||
price: "69 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-stylish-sexy-smiling-beautiful-sensual-young-woman-model-summer-bright-hipster-clothes-street_158538-13967.jpg?_wi=1",
|
||||
imageAlt: "casual comfortable denim jeans blue",
|
||||
},
|
||||
id: "casual-jeans", name: "Casual Jeans", price: "69 TND", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-stylish-sexy-smiling-beautiful-sensual-young-woman-model-summer-bright-hipster-clothes-street_158538-13967.jpg", imageAlt: "casual comfortable denim jeans blue"},
|
||||
{
|
||||
id: "trendy-jackets",
|
||||
name: "Trendy Jackets",
|
||||
price: "99 TND",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-wearing-total-denim-outfits-full-shot_23-2150105195.jpg?_wi=1",
|
||||
imageAlt: "denim jacket fashion trendy style",
|
||||
},
|
||||
id: "trendy-jackets", name: "Trendy Jackets", price: "99 TND", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-wearing-total-denim-outfits-full-shot_23-2150105195.jpg", imageAlt: "denim jacket fashion trendy style"},
|
||||
];
|
||||
|
||||
const accordionItems = [
|
||||
{
|
||||
id: "quality",
|
||||
title: "✓ Premium Quality Denim",
|
||||
content: "We stock only the finest denim brands and styles. Each piece is carefully selected to ensure durability, comfort, and style. Our quality guarantee means you're investing in jeans that last.",
|
||||
},
|
||||
id: "quality", title: "✓ Premium Quality Denim", content: "We stock only the finest denim brands and styles. Each piece is carefully selected to ensure durability, comfort, and style. Our quality guarantee means you're investing in jeans that last."},
|
||||
{
|
||||
id: "trends",
|
||||
title: "✓ Always On-Trend",
|
||||
content: "Our buyers are constantly scouting the latest fashion trends. From classic cuts to cutting-edge styles, we have something for every taste and preference.",
|
||||
},
|
||||
id: "trends", title: "✓ Always On-Trend", content: "Our buyers are constantly scouting the latest fashion trends. From classic cuts to cutting-edge styles, we have something for every taste and preference."},
|
||||
{
|
||||
id: "prices",
|
||||
title: "✓ Affordable Prices",
|
||||
content: "Premium quality doesn't have to break the bank. We offer competitive prices on all our collections, plus regular promotions and discounts for loyal customers.",
|
||||
},
|
||||
id: "prices", title: "✓ Affordable Prices", content: "Premium quality doesn't have to break the bank. We offer competitive prices on all our collections, plus regular promotions and discounts for loyal customers."},
|
||||
{
|
||||
id: "location",
|
||||
title: "✓ Prime Tunis Location",
|
||||
content: "Located on the vibrant Habib Bourguiba Avenue, we're easy to find and accessible. Perfect for tourists and locals alike. Convenient parking nearby.",
|
||||
},
|
||||
id: "location", title: "✓ Prime Tunis Location", content: "Located on the vibrant Habib Bourguiba Avenue, we're easy to find and accessible. Perfect for tourists and locals alike. Convenient parking nearby."},
|
||||
];
|
||||
|
||||
const testimonialCards = [
|
||||
{
|
||||
id: "1",
|
||||
name: "Amir Ben Ali",
|
||||
role: "Software Engineer",
|
||||
company: "Tunis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg?_wi=1",
|
||||
imageAlt: "young professional man portrait headshot",
|
||||
},
|
||||
id: "1", name: "Amir Ben Ali", role: "Software Engineer", company: "Tunis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", imageAlt: "young professional man portrait headshot"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fatima Kharraz",
|
||||
role: "Fashion Designer",
|
||||
company: "Tunis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg?_wi=1",
|
||||
imageAlt: "professional woman designer portrait",
|
||||
},
|
||||
id: "2", name: "Fatima Kharraz", role: "Fashion Designer", company: "Tunis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg", imageAlt: "professional woman designer portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Karim Bouazza",
|
||||
role: "Student",
|
||||
company: "Tunis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163318.jpg?_wi=1",
|
||||
imageAlt: "young student male portrait casual",
|
||||
},
|
||||
id: "3", name: "Karim Bouazza", role: "Student", company: "Tunis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163318.jpg", imageAlt: "young student male portrait casual"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nadia Jendoubi",
|
||||
role: "Business Owner",
|
||||
company: "Tunis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=1",
|
||||
imageAlt: "successful businesswoman leader portrait",
|
||||
},
|
||||
id: "4", name: "Nadia Jendoubi", role: "Business Owner", company: "Tunis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "successful businesswoman leader portrait"},
|
||||
];
|
||||
|
||||
const kpiItems = [
|
||||
{
|
||||
value: "30+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "30+", label: "Happy Customers"},
|
||||
{
|
||||
value: "4.2★",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.2★", label: "Average Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Recommend",
|
||||
},
|
||||
value: "100%", label: "Recommend"},
|
||||
];
|
||||
|
||||
const faqItems = [
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your store hours?",
|
||||
content: "We're open 24/7 to serve you better. Visit us anytime at Av. Habib Bourguiba.",
|
||||
},
|
||||
id: "1", title: "What are your store hours?", content: "We're open 24/7 to serve you better. Visit us anytime at Av. Habib Bourguiba."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer exchanges or returns?",
|
||||
content: "Yes! We offer exchanges and returns within 14 days of purchase with original receipt. Items must be unworn and in original condition.",
|
||||
},
|
||||
id: "2", title: "Do you offer exchanges or returns?", content: "Yes! We offer exchanges and returns within 14 days of purchase with original receipt. Items must be unworn and in original condition."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I order online?",
|
||||
content: "Contact us at +216 58 444 104 to place orders. We also offer WhatsApp ordering for your convenience.",
|
||||
},
|
||||
id: "3", title: "Can I order online?", content: "Contact us at +216 58 444 104 to place orders. We also offer WhatsApp ordering for your convenience."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What brands do you carry?",
|
||||
content: "We stock a curated selection of premium local and international denim brands. Call us to inquire about specific brands.",
|
||||
},
|
||||
id: "4", title: "What brands do you carry?", content: "We stock a curated selection of premium local and international denim brands. Call us to inquire about specific brands."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, convenient parking is available near our store on Habib Bourguiba Avenue. Easy access for all customers.",
|
||||
},
|
||||
id: "5", title: "Is parking available?", content: "Yes, convenient parking is available near our store on Habib Bourguiba Avenue. Easy access for all customers."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you have gift cards?",
|
||||
content: "Yes! Gift cards are available in various denominations. Perfect for fashion lovers. Ask in-store or call us for details.",
|
||||
},
|
||||
id: "6", title: "Do you have gift cards?", content: "Yes! Gift cards are available in various denominations. Perfect for fashion lovers. Ask in-store or call us for details."},
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "/collections",
|
||||
},
|
||||
label: "Collections", href: "/collections"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "📍 Av. Habib Bourguiba, Tunis",
|
||||
href: "https://maps.google.com/?q=Av.+Habib+Bourguiba,+Tunis",
|
||||
},
|
||||
label: "📍 Av. Habib Bourguiba, Tunis", href: "https://maps.google.com/?q=Av.+Habib+Bourguiba,+Tunis"},
|
||||
{
|
||||
label: "📞 +216 58 444 104",
|
||||
href: "tel:+21658444104",
|
||||
},
|
||||
label: "📞 +216 58 444 104", href: "tel:+21658444104"},
|
||||
{
|
||||
label: "💬 WhatsApp",
|
||||
href: "https://wa.me/21658444104",
|
||||
},
|
||||
label: "💬 WhatsApp", href: "https://wa.me/21658444104"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Return Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -280,15 +160,12 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "📞 Call Now: +216 58 444 104",
|
||||
href: "tel:+21658444104",
|
||||
},
|
||||
text: "📞 Call Now: +216 58 444 104", href: "tel:+21658444104"},
|
||||
{
|
||||
text: "📍 Get Directions",
|
||||
href: "https://maps.google.com/?q=Av.+Habib+Bourguiba,+Tunis",
|
||||
},
|
||||
text: "📍 Get Directions", href: "https://maps.google.com/?q=Av.+Habib+Bourguiba,+Tunis"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -304,9 +181,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Collection",
|
||||
href: "/collections",
|
||||
},
|
||||
text: "View Full Collection", href: "/collections"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -316,7 +191,7 @@ export default function HomePage() {
|
||||
title="Why Choose Yolo Jeans?"
|
||||
description="Discover what makes us Tunis's premier destination for quality denim and fashion."
|
||||
tag="Our Promise"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_74190-5152.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_74190-5152.jpg"
|
||||
imageAlt="Yolo Jeans store interior"
|
||||
mediaPosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -324,9 +199,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Visit Us Today", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -337,7 +210,7 @@ export default function HomePage() {
|
||||
description="Join over 30 satisfied customers who trust Yolo Jeans for their fashion needs"
|
||||
tag="Customer Reviews"
|
||||
testimonials={testimonialCards}
|
||||
kpiItems={kpiItems}
|
||||
kpiItems={[kpiItems[0], kpiItems[1], kpiItems[2]]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -349,9 +222,7 @@ export default function HomePage() {
|
||||
ctaTitle="Ready to Find Your Perfect Jeans?"
|
||||
ctaDescription="Visit us today at our Habib Bourguiba location or reach out with any questions."
|
||||
ctaButton={{
|
||||
text: "📞 Call: +216 58 444 104",
|
||||
href: "tel:+21658444104",
|
||||
}}
|
||||
text: "📞 Call: +216 58 444 104", href: "tel:+21658444104"}}
|
||||
ctaIcon={Phone}
|
||||
faqs={faqItems}
|
||||
useInvertedBackground={false}
|
||||
|
||||
Reference in New Issue
Block a user