Merge version_1 into main #2
430
src/app/page.tsx
430
src/app/page.tsx
@@ -27,328 +27,128 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Wait Times",
|
||||
id: "wait-time",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
]}
|
||||
brandName="Great Clips"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Wait Times", id: "wait-time" },
|
||||
{ name: "About", id: "about" },
|
||||
]}
|
||||
brandName="Great Clips"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your Best Haircut Starts Here"
|
||||
description="Casual salon offering haircuts for adults & kids along with professional styling products for sale. Walk in or check wait times online."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Quick, friendly, and great results every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahm",
|
||||
testimonial: "My kids actually enjoy getting their hair cut here!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Kevin L.",
|
||||
handle: "@kevinl",
|
||||
testimonial: "Consistent, reliable service in Bowmanville.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Always a fresh fade and great vibes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-english-male_1157-39185.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elenap",
|
||||
testimonial: "Fastest and best cut in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-twins-sitting-living-room_329181-10641.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Check Wait Time",
|
||||
href: "#wait-time",
|
||||
},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913269.jpg?_wi=1"
|
||||
imageAlt="Professional haircut service"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-english-male_1157-39185.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-twins-sitting-living-room_329181-10641.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Walk-ins Welcome",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Top-Rated Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Best Haircut Starts Here"
|
||||
description="Casual salon offering haircuts for adults & kids along with professional styling products for sale. Walk in or check wait times online."
|
||||
testimonials={[
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "Quick, friendly, and great results every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg" },
|
||||
{ name: "Sarah M.", handle: "@sarahm", testimonial: "My kids actually enjoy getting their hair cut here!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg" },
|
||||
{ name: "Kevin L.", handle: "@kevinl", testimonial: "Consistent, reliable service in Bowmanville.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg" },
|
||||
{ name: "Mark R.", handle: "@markr", testimonial: "Always a fresh fade and great vibes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-english-male_1157-39185.jpg" },
|
||||
{ name: "Elena P.", handle: "@elenap", testimonial: "Fastest and best cut in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-twins-sitting-living-room_329181-10641.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Check Wait Time", href: "#wait-time" }, { text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913269.jpg"
|
||||
imageAlt="Professional haircut service"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-english-male_1157-39185.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-blonde-twins-sitting-living-room_329181-10641.jpg", alt: "Client 5" },
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Precision Cuts" }, { type: "text", text: "Family Friendly" }, { type: "text", text: "Professional Styling" }, { type: "text", text: "Walk-ins Welcome" }, { type: "text", text: "Top-Rated Service" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Adult Haircuts",
|
||||
description: "Classic, trendy, and precision cuts for all styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-with-kippah_23-2148629958.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Kids Styling",
|
||||
description: "Patience and precision for the little ones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cute-hairdresser-adorable-blonde-kid-with-scissors_179666-1415.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Premium Products",
|
||||
description: "Professional gels, pomades, and styling supplies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23230.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="High-quality styling and care for the whole family."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Adult Haircuts", description: "Classic, trendy, and precision cuts for all styles.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-with-kippah_23-2148629958.jpg" },
|
||||
{ id: "s2", title: "Kids Styling", description: "Patience and precision for the little ones.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-cute-hairdresser-adorable-blonde-kid-with-scissors_179666-1415.jpg" },
|
||||
{ id: "s3", title: "Premium Products", description: "Professional gels, pomades, and styling supplies.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23230.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="High-quality styling and care for the whole family."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="wait-time" data-section="wait-time">
|
||||
<MetricCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Current Wait",
|
||||
value: "15 min",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Status",
|
||||
value: "Open",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Today's Target",
|
||||
value: "Fast",
|
||||
icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Live Wait Times"
|
||||
description="Bowmanville location currently has minimal wait times."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Queue Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="wait-time" data-section="wait-time">
|
||||
<MetricCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Current Wait", value: "15 min", icon: Clock },
|
||||
{ id: "m2", title: "Status", value: "Open", icon: CheckCircle },
|
||||
{ id: "m3", title: "Today's Target", value: "Fast", icon: Zap },
|
||||
]}
|
||||
title="Live Wait Times"
|
||||
description="Bowmanville location currently has minimal wait times."
|
||||
buttons={[{ text: "Join Queue Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Great Clips"
|
||||
title="Speed, Convenience, Consistency"
|
||||
description="We specialize in haircuts that look sharp and help you feel confident. Our 'Clip Notes' feature ensures your preferences are saved for every visit."
|
||||
subdescription="Located in the heart of SmartCentres Bowmanville, we pride ourselves on getting you in, out, and looking your best."
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913269.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About Great Clips"
|
||||
title="Speed, Convenience, Consistency"
|
||||
description="We specialize in haircuts that look sharp and help you feel confident. Our 'Clip Notes' feature ensures your preferences are saved for every visit."
|
||||
subdescription="Located in the heart of SmartCentres Bowmanville, we pride ourselves on getting you in, out, and looking your best."
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913269.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alex",
|
||||
testimonial: "Great experience, the fade was sharp!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie P.",
|
||||
handle: "@jamie",
|
||||
testimonial: "Friendly staff, consistent work.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam T.",
|
||||
handle: "@sam",
|
||||
testimonial: "Quick and easy, perfect for busy days.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Pat S.",
|
||||
handle: "@pat",
|
||||
testimonial: "Good price, good haircut.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-english-male_1157-39185.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor W.",
|
||||
handle: "@taylor",
|
||||
testimonial: "Very patient with my kids.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-twins-sitting-living-room_329181-10641.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
description="See why our community loves our service."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex R.", handle: "@alex", testimonial: "Great experience, the fade was sharp!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg" },
|
||||
{ id: "t2", name: "Jamie P.", handle: "@jamie", testimonial: "Friendly staff, consistent work.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg" },
|
||||
{ id: "t3", name: "Sam T.", handle: "@sam", testimonial: "Quick and easy, perfect for busy days.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg" },
|
||||
{ id: "t4", name: "Pat S.", handle: "@pat", testimonial: "Good price, good haircut.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-english-male_1157-39185.jpg" },
|
||||
{ id: "t5", name: "Taylor W.", handle: "@taylor", testimonial: "Very patient with my kids.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-twins-sitting-living-room_329181-10641.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Visit us at 2316 Durham Regional Hwy 2 Unit K4, Bowmanville, ON L1C 0K5. Open daily from 8 AM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us: (905) 623-2547",
|
||||
href: "tel:9056232547",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Visit us at 2316 Durham Regional Hwy 2 Unit K4, Bowmanville, ON L1C 0K5. Open daily from 8 AM."
|
||||
buttons={[{ text: "Call Us: (905) 623-2547", href: "tel:9056232547" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "2316 Durham Regional Hwy 2 Unit K4",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bowmanville, ON L1C 0K5",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 8AM-8PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat-Sun: 9AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(905) 623-2547",
|
||||
href: "tel:9056232547",
|
||||
},
|
||||
{
|
||||
label: "Check in online",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Great Clips"
|
||||
copyrightText="© 2025 Great Clips Bowmanville"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "2316 Durham Regional Hwy 2 Unit K4", href: "#" }, { label: "Bowmanville, ON L1C 0K5", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Mon-Fri: 8AM-8PM", href: "#" }, { label: "Sat-Sun: 9AM-6PM", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(905) 623-2547", href: "tel:9056232547" }, { label: "Check in online", href: "#" }] },
|
||||
]}
|
||||
logoText="Great Clips"
|
||||
copyrightText="© 2025 Great Clips Bowmanville"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user