Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Room of Jeans"
|
||||
/>
|
||||
@@ -54,17 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Perfect Fit at Room of Jeans"
|
||||
description="Discover our diverse selection of premium denim, from classic cuts to the latest trendy designs. Located right in the heart of Makumbusho, Dar es Salaam."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Our Denim",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Our Denim", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg"
|
||||
imageAlt="denim jeans display retail store"
|
||||
/>
|
||||
</div>
|
||||
@@ -74,9 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Our Jeans Collection"
|
||||
description={[
|
||||
"Room of Jeans Makumbusho is your destination for premium quality denim. We believe that everyone deserves the perfect fit.",
|
||||
"Our shop curates a diverse collection of styles, ensuring you stay ahead of the fashion curve while enjoying durable, comfortable clothing.",
|
||||
]}
|
||||
"Room of Jeans Makumbusho is your destination for premium quality denim. We believe that everyone deserves the perfect fit.", "Our shop curates a diverse collection of styles, ensuring you stay ahead of the fashion curve while enjoying durable, comfortable clothing."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,59 +75,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Denim Pro",
|
||||
name: "Classic Indigo",
|
||||
price: "55,000 TZS",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-teenage-boy-wearing-denim-outfit_23-2150151059.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", brand: "Denim Pro", name: "Classic Indigo", price: "55,000 TZS", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-teenage-boy-wearing-denim-outfit_23-2150151059.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Street Edge",
|
||||
name: "Urban Distressed",
|
||||
price: "60,000 TZS",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164876.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", brand: "Street Edge", name: "Urban Distressed", price: "60,000 TZS", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164876.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Comfort Denim",
|
||||
name: "Slim Fit Blue",
|
||||
price: "58,000 TZS",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-crazy-glamor-stylish-smiling-beautiful-young-woman-model-bright-hipster-summer-casual-jeans-clothes-posing-street-iron-grating-blue-sky_158538-1987.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", brand: "Comfort Denim", name: "Slim Fit Blue", price: "58,000 TZS", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-crazy-glamor-stylish-smiling-beautiful-young-woman-model-bright-hipster-summer-casual-jeans-clothes-posing-street-iron-grating-blue-sky_158538-1987.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Modern Cut",
|
||||
name: "Relaxed Straight",
|
||||
price: "52,000 TZS",
|
||||
rating: 5,
|
||||
reviewCount: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-stylish-beautiful-young-woman-model-with-red-lips-summer-bright-colorful-jeans-hipster-cloth-black-beanie_158538-9535.jpg",
|
||||
},
|
||||
id: "p4", brand: "Modern Cut", name: "Relaxed Straight", price: "52,000 TZS", rating: 5,
|
||||
reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-stylish-beautiful-young-woman-model-with-red-lips-summer-bright-colorful-jeans-hipster-cloth-black-beanie_158538-9535.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Denim Pro",
|
||||
name: "Rugged Work",
|
||||
price: "65,000 TZS",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-with-backpack-posed-against-orange-shutter_627829-8090.jpg",
|
||||
},
|
||||
id: "p5", brand: "Denim Pro", name: "Rugged Work", price: "65,000 TZS", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-with-backpack-posed-against-orange-shutter_627829-8090.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Style Trend",
|
||||
name: "Light Wash Trendy",
|
||||
price: "49,000 TZS",
|
||||
rating: 4,
|
||||
reviewCount: "11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shop-clothing-clothes-shop-hanger-modern-shop-boutique_1150-8887.jpg",
|
||||
},
|
||||
id: "p6", brand: "Style Trend", name: "Light Wash Trendy", price: "49,000 TZS", rating: 4,
|
||||
reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/shop-clothing-clothes-shop-hanger-modern-shop-boutique_1150-8887.jpg"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Explore our wide variety of denim styles suited for every occasion."
|
||||
@@ -150,37 +101,20 @@ export default function LandingPage() {
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Serving local style",
|
||||
"Providing durability",
|
||||
"Building trends",
|
||||
],
|
||||
id: "m1", value: "1000+", title: "Happy Customers", items: [
|
||||
"Serving local style", "Providing durability", "Building trends"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Denim Styles",
|
||||
items: [
|
||||
"Classic to Trendy",
|
||||
"Diverse cuts",
|
||||
"Perfect fit options",
|
||||
],
|
||||
id: "m2", value: "200+", title: "Denim Styles", items: [
|
||||
"Classic to Trendy", "Diverse cuts", "Perfect fit options"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
title: "Star Rating",
|
||||
items: [
|
||||
"4 Verified Reviews",
|
||||
"Exceptional quality",
|
||||
"Top-notch service",
|
||||
],
|
||||
id: "m3", value: "5.0", title: "Star Rating", items: [
|
||||
"4 Verified Reviews", "Exceptional quality", "Top-notch service"],
|
||||
},
|
||||
]}
|
||||
title="Our Shop in Numbers"
|
||||
@@ -194,60 +128,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Queenshola Chokala",
|
||||
date: "2 years ago",
|
||||
title: "Fantastic shop!",
|
||||
quote: "The store boasts a diverse selection of denim styles, from classic cuts to trendy designs. Interior is modern and marvelous.",
|
||||
tag: "Local Guide",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-curly-haired-woman-wears-pink-t-shirt-denim-jacket-necklace-shows-bare-shoulder-smiles-gladfully-isolated-blue-wall_273609-53080.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg?_wi=2",
|
||||
imageAlt: "person wearing denim smiling portrait",
|
||||
},
|
||||
id: "1", name: "Queenshola Chokala", date: "2 years ago", title: "Fantastic shop!", quote: "The store boasts a diverse selection of denim styles, from classic cuts to trendy designs. Interior is modern and marvelous.", tag: "Local Guide", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-curly-haired-woman-wears-pink-t-shirt-denim-jacket-necklace-shows-bare-shoulder-smiles-gladfully-isolated-blue-wall_273609-53080.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg", imageAlt: "person wearing denim smiling portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah's Kitainda",
|
||||
date: "a year ago",
|
||||
title: "Marvelous jeans",
|
||||
quote: "Great there are nice jeans there. They are truly marvelous.",
|
||||
tag: "Local Guide",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-lady-pointing-right-side-t-shirt-denim-jacket-skirt-looking-alluring_176474-82088.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164708.jpg",
|
||||
imageAlt: "person wearing denim smiling portrait",
|
||||
},
|
||||
id: "2", name: "Sarah's Kitainda", date: "a year ago", title: "Marvelous jeans", quote: "Great there are nice jeans there. They are truly marvelous.", tag: "Local Guide", avatarSrc: "http://img.b2bpic.net/free-photo/young-lady-pointing-right-side-t-shirt-denim-jacket-skirt-looking-alluring_176474-82088.jpg", imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164708.jpg", imageAlt: "person wearing denim smiling portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chambone Abdul",
|
||||
date: "2 years ago",
|
||||
title: "Excellent quality",
|
||||
quote: "Exrent service and high quality clothing.",
|
||||
tag: "Shopper",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-girls-with-cassette-player_23-2149550615.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-teenage-boy-wearing-denim-outfit_23-2150151059.jpg?_wi=2",
|
||||
imageAlt: "person wearing denim smiling portrait",
|
||||
},
|
||||
id: "3", name: "Chambone Abdul", date: "2 years ago", title: "Excellent quality", quote: "Exrent service and high quality clothing.", tag: "Shopper", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-girls-with-cassette-player_23-2149550615.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-teenage-boy-wearing-denim-outfit_23-2150151059.jpg", imageAlt: "person wearing denim smiling portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
date: "3 months ago",
|
||||
title: "Best in Dar",
|
||||
quote: "Found the perfect fit after searching everywhere in Makumbusho. Highly recommended.",
|
||||
tag: "Fashionista",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-indoors-cheerful-happy_158538-20736.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164876.jpg?_wi=2",
|
||||
imageAlt: "person wearing denim smiling portrait",
|
||||
},
|
||||
id: "4", name: "John Doe", date: "3 months ago", title: "Best in Dar", quote: "Found the perfect fit after searching everywhere in Makumbusho. Highly recommended.", tag: "Fashionista", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-indoors-cheerful-happy_158538-20736.jpg", imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-store_23-2148164876.jpg", imageAlt: "person wearing denim smiling portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
date: "6 months ago",
|
||||
title: "Loved the variety",
|
||||
quote: "The staff helped me find exactly what I needed for a special event.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-woman-dressed-denim-jacket_171337-6059.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-crazy-glamor-stylish-smiling-beautiful-young-woman-model-bright-hipster-summer-casual-jeans-clothes-posing-street-iron-grating-blue-sky_158538-1987.jpg?_wi=2",
|
||||
imageAlt: "person wearing denim smiling portrait",
|
||||
},
|
||||
id: "5", name: "Jane Smith", date: "6 months ago", title: "Loved the variety", quote: "The staff helped me find exactly what I needed for a special event.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-woman-dressed-denim-jacket_171337-6059.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-funny-crazy-glamor-stylish-smiling-beautiful-young-woman-model-bright-hipster-summer-casual-jeans-clothes-posing-street-iron-grating-blue-sky_158538-1987.jpg", imageAlt: "person wearing denim smiling portrait"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from our happy denim enthusiasts."
|
||||
@@ -260,20 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where is the shop located?",
|
||||
content: "We are located at 16 Kijichi St, Dar es Salaam, in the Makumbusho area.",
|
||||
},
|
||||
id: "f1", title: "Where is the shop located?", content: "We are located at 16 Kijichi St, Dar es Salaam, in the Makumbusho area."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we provide delivery services around Dar es Salaam.",
|
||||
},
|
||||
id: "f2", title: "Do you offer delivery?", content: "Yes, we provide delivery services around Dar es Salaam."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What styles of jeans do you carry?",
|
||||
content: "We offer a diverse selection from classic cuts to modern trendy designs.",
|
||||
},
|
||||
id: "f3", title: "What styles of jeans do you carry?", content: "We offer a diverse selection from classic cuts to modern trendy designs."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -288,8 +168,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Visit Room of Jeans"
|
||||
description="Stop by our shop at Makumbusho for the best denim experience in Dar es Salaam. We are open and ready to assist you."
|
||||
@@ -304,38 +183,25 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Location", href: "#contact"},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Call Us", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user