Update src/app/page.tsx
This commit is contained in:
159
src/app/page.tsx
159
src/app/page.tsx
@@ -29,94 +29,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Book Online",
|
||||
id: "/book",
|
||||
},
|
||||
name: "Book Online", id: "/book"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
]}
|
||||
brandName="Flamingo Hair & Beauty"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/book",
|
||||
}}
|
||||
text: "Book Now", href: "/book"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Feel amazing, every single visit."
|
||||
description="Premium hair & beauty treatments right here in Malvern East, Germiston. We're all about making you look stunning — and feel right at home."
|
||||
description="Premium hair & beauty treatments right here in Malvern East, Germiston. We're all about making you look stunning — and feel right at home. Generate your dream look with our AI imaging tools."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-talking-phone-with-big-smile_1153-10.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-talking-phone-with-big-smile_1153-10.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-smiling_273609-12421.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-smiling_273609-12421.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg", alt: "Happy client portrait"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book your appointment",
|
||||
href: "/book",
|
||||
text: "Generate Your Style", onClick: () => console.log("AI Image generation trigger"),
|
||||
},
|
||||
{
|
||||
text: "See our work",
|
||||
href: "/gallery",
|
||||
},
|
||||
text: "Book your appointment", href: "/book"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Stylists",
|
||||
},
|
||||
type: "text", text: "Expert Stylists"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
type: "text", text: "AI-Powered Visuals"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Friendly Atmosphere",
|
||||
},
|
||||
type: "text", text: "Friendly Atmosphere"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
type: "text", text: "Locally Owned"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Results Driven",
|
||||
},
|
||||
type: "text", text: "Results Driven"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,24 +93,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Hair colour & highlights",
|
||||
description: "Balayage, full colour, ombre and everything in between. From R450.",
|
||||
},
|
||||
title: "Hair colour & highlights", description: "Balayage, full colour, ombre and everything in between. From R450."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Cut & blowdry",
|
||||
description: "A classic done really well. From R220.",
|
||||
},
|
||||
title: "Cut & blowdry", description: "A classic done really well. From R220."},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Gel nails & nail art",
|
||||
description: "Gel, acrylic or natural nails. Custom art. From R180.",
|
||||
},
|
||||
title: "Gel nails & nail art", description: "Gel, acrylic or natural nails. Custom art. From R180."},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Facials & skin care",
|
||||
description: "Relaxing, results-driven facials tailored to you. From R280.",
|
||||
},
|
||||
title: "Facials & skin care", description: "Relaxing, results-driven facials tailored to you. From R280."},
|
||||
]}
|
||||
title="Premium Beauty Services"
|
||||
description="Explore our top-tier treatments, from precision haircuts to revitalizing skin care."
|
||||
@@ -161,45 +117,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tania Dos Santos",
|
||||
role: "Client",
|
||||
company: "Flamingo Beauty",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg",
|
||||
},
|
||||
id: "1", name: "Tania Dos Santos", role: "Client", company: "Flamingo Beauty", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dorothea Claassen",
|
||||
role: "Client",
|
||||
company: "Flamingo Beauty",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background_114579-60942.jpg",
|
||||
},
|
||||
id: "2", name: "Dorothea Claassen", role: "Client", company: "Flamingo Beauty", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background_114579-60942.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fiona Brown",
|
||||
role: "Client",
|
||||
company: "Flamingo Beauty",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-770.jpg",
|
||||
},
|
||||
id: "3", name: "Fiona Brown", role: "Client", company: "Flamingo Beauty", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-770.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
role: "Client",
|
||||
company: "Flamingo Beauty",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-agent-satisfied-customer-showing-thumb-up-while-sitting-table-using-tablet-together_74855-10029.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Miller", role: "Client", company: "Flamingo Beauty", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-agent-satisfied-customer-showing-thumb-up-while-sitting-table-using-tablet-together_74855-10029.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
role: "Client",
|
||||
company: "Flamingo Beauty",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||||
},
|
||||
id: "5", name: "Jane Doe", role: "Client", company: "Flamingo Beauty", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"},
|
||||
]}
|
||||
title="What our clients say"
|
||||
description="Real feedback from our wonderful Malvern East community."
|
||||
@@ -215,25 +146,13 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book directly through our online booking link or call us during business hours.",
|
||||
},
|
||||
id: "f1", title: "How do I book an appointment?", content: "You can book directly through our online booking link or call us during business hours."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open Monday to Saturday from 09:00 to 18:00.",
|
||||
},
|
||||
id: "f2", title: "What are your operating hours?", content: "We are open Monday to Saturday from 09:00 to 18:00."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer gift cards?",
|
||||
content: "Yes, digital and physical gift cards are available in-store.",
|
||||
},
|
||||
id: "f3", title: "Do you offer gift cards?", content: "Yes, digital and physical gift cards are available in-store."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Can I bring a friend?",
|
||||
content: "We have a comfortable lounge area for guests to wait during your treatment.",
|
||||
},
|
||||
id: "f4", title: "Can I bring a friend?", content: "We have a comfortable lounge area for guests to wait during your treatment."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -247,4 +166,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user