Update src/app/page.tsx
This commit is contained in:
209
src/app/page.tsx
209
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fashion Hub Meru"
|
||||
/>
|
||||
@@ -55,37 +47,23 @@ export default function LandingPage() {
|
||||
description="Discover the finest fashion designs, curated apparel, and professional tailor services right in the heart of Meru Town. Experience quality fashion at your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse Collections", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407869.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407869.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-tries-red-dress-boutique-looking-mirror_627829-8540.jpg",
|
||||
alt: "Blonde girl tries a red dress",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-tries-red-dress-boutique-looking-mirror_627829-8540.jpg", alt: "Blonde girl tries a red dress"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg",
|
||||
alt: "Futuristic store interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg", alt: "Futuristic store interior"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg",
|
||||
alt: "Asian store employee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg", alt: "Asian store employee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg",
|
||||
alt: "Clothing store blur",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg", alt: "Clothing store blur"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-pirchase-shopping-mall_329181-8070.jpg",
|
||||
alt: "Successful mall purchase",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-pirchase-shopping-mall_329181-8070.jpg", alt: "Successful mall purchase"},
|
||||
]}
|
||||
avatarText="Trusted by thousands of happy fashion enthusiasts across Meru."
|
||||
/>
|
||||
@@ -98,40 +76,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Hand-picked materials ensuring comfort and durability for all our clients.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-wearing-hat-using-tablet_23-2148401438.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407869.jpg?_wi=2",
|
||||
imageAlt: "quality assurance check clothing",
|
||||
title: "Premium Quality", description: "Hand-picked materials ensuring comfort and durability for all our clients.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-wearing-hat-using-tablet_23-2148401438.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Get your favorite outfits delivered directly to your location across Meru town.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-putting-clothes-inside-boxes-wrapping-them_181624-21049.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-shirt-red-cape-holding-package-blue-space-job_140725-29148.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-clothes-shopping_23-2150639892.jpg",
|
||||
imageAlt: "quality assurance check clothing",
|
||||
title: "Fast Delivery", description: "Get your favorite outfits delivered directly to your location across Meru town.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/people-putting-clothes-inside-boxes-wrapping-them_181624-21049.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-shirt-red-cape-holding-package-blue-space-job_140725-29148.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Expert Service",
|
||||
description: "Professional fashion design and personalized shopping assistance for every visit.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-white-woman-drinking-cocktail-warm-day_197531-20634.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-beautiful-dress_1303-17553.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-successful-businessman-buttoning-his-elegant-suit-isolated-dark-background_613910-5497.jpg?_wi=1",
|
||||
imageAlt: "quality assurance check clothing",
|
||||
title: "Expert Service", description: "Professional fashion design and personalized shopping assistance for every visit.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/sensual-white-woman-drinking-cocktail-warm-day_197531-20634.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-beautiful-dress_1303-17553.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -148,41 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chic Summer Dress",
|
||||
price: "KES 2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-white-woman-drinking-cocktail-warm-day_197531-20634.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Chic Summer Dress", price: "KES 2,500", imageSrc: "http://img.b2bpic.net/free-photo/sensual-white-woman-drinking-cocktail-warm-day_197531-20634.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Formal Suit",
|
||||
price: "KES 8,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-successful-businessman-buttoning-his-elegant-suit-isolated-dark-background_613910-5497.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Premium Formal Suit", price: "KES 8,000", imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-successful-businessman-buttoning-his-elegant-suit-isolated-dark-background_613910-5497.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Street Wear",
|
||||
price: "KES 1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slender-lightskinned-young-female-legs-are-dressed-redblack-pants-highheeled-shoes-pink-background-elegant-style-spring-fashion-trends_197531-32019.jpg",
|
||||
},
|
||||
id: "p3", name: "Urban Street Wear", price: "KES 1,800", imageSrc: "http://img.b2bpic.net/free-photo/slender-lightskinned-young-female-legs-are-dressed-redblack-pants-highheeled-shoes-pink-background-elegant-style-spring-fashion-trends_197531-32019.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Designer Accessories",
|
||||
price: "KES 900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-trendy-clothing-store-selling-fashionable-items-shoes_482257-93115.jpg",
|
||||
},
|
||||
id: "p4", name: "Designer Accessories", price: "KES 900", imageSrc: "http://img.b2bpic.net/free-photo/empty-trendy-clothing-store-selling-fashionable-items-shoes_482257-93115.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Winter Essential Coat",
|
||||
price: "KES 4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-women-black-white-suits-heels-stands-outside-villa-wall-glass-wall_343596-2808.jpg",
|
||||
},
|
||||
id: "p5", name: "Winter Essential Coat", price: "KES 4,500", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-women-black-white-suits-heels-stands-outside-villa-wall-glass-wall_343596-2808.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Evening Gown",
|
||||
price: "KES 6,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-stylish-model-posing_23-2148750334.jpg",
|
||||
},
|
||||
id: "p6", name: "Classic Evening Gown", price: "KES 6,500", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-stylish-model-posing_23-2148750334.jpg"},
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Browse our curated selection of ladies, gents, and children's fashion wear."
|
||||
@@ -191,49 +121,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@fashion_lover",
|
||||
testimonial: "The best fashion shop in Meru town. Always great variety.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@fashion_lover", testimonial: "The best fashion shop in Meru town. Always great variety.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John M.",
|
||||
handle: "@style_seeker",
|
||||
testimonial: "High quality clothes and very quick delivery service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-shopping-city_23-2149321874.jpg",
|
||||
},
|
||||
id: "2", name: "John M.", handle: "@style_seeker", testimonial: "High quality clothes and very quick delivery service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-shopping-city_23-2149321874.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@meru_beauty",
|
||||
testimonial: "Wonderful boutique experience! Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-electronics-store-standing-table_78826-3063.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@meru_beauty", testimonial: "Wonderful boutique experience! Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-electronics-store-standing-table_78826-3063.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@gentleman_look",
|
||||
testimonial: "Best place for men's fashion in Royal Business Park.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@gentleman_look", testimonial: "Best place for men's fashion in Royal Business Park.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anita M.",
|
||||
handle: "@chic_look",
|
||||
testimonial: "Fantastic designs and excellent customer service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-shopping-clothes_23-2148385702.jpg",
|
||||
},
|
||||
id: "5", name: "Anita M.", handle: "@chic_look", testimonial: "Fantastic designs and excellent customer service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-shopping-clothes_23-2148385702.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Our Happy Clients"
|
||||
@@ -244,21 +150,15 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Us in Meru"
|
||||
description="Need custom clothing or have a question? Reach out to us today for personalized support and orders."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 0723 718 606",
|
||||
href: "tel:+254723718606",
|
||||
},
|
||||
text: "Call 0723 718 606", href: "tel:+254723718606"},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/254723718606",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/254723718606"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -269,42 +169,27 @@ export default function LandingPage() {
|
||||
logoText="Fashion Hub Meru"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Network",
|
||||
items: [
|
||||
title: "Network", items: [
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
label: "Partners", href: "#"},
|
||||
{
|
||||
label: "Find Us on GoAfrica",
|
||||
href: "https://www.goafricaonline.com",
|
||||
},
|
||||
label: "Find Us on GoAfrica", href: "https://www.goafricaonline.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user