Merge version_1 into main #1
450
src/app/page.tsx
450
src/app/page.tsx
@@ -27,329 +27,149 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "booking",
|
||||
},
|
||||
]}
|
||||
brandName="BLAAC"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "booking" },
|
||||
]}
|
||||
brandName="BLAAC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Look Good. Feel Everything."
|
||||
description="Premium unisex salon in the heart of Kaloor, Ernakulam. Your look, your identity."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Aiswarya",
|
||||
handle: "@aiswarya",
|
||||
testimonial: "Best hair smoothening in Kaloor. So professional!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
|
||||
},
|
||||
{
|
||||
name: "Rahul",
|
||||
handle: "@rahul",
|
||||
testimonial: "Experienced stylists and great hygiene.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg",
|
||||
},
|
||||
{
|
||||
name: "Meera",
|
||||
handle: "@meera_k",
|
||||
testimonial: "Absolutely love my haircut. Perfect for my face shape.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-hairdresser_329181-1931.jpg",
|
||||
},
|
||||
{
|
||||
name: "Arun",
|
||||
handle: "@arun_v",
|
||||
testimonial: "Quick, efficient, and very high quality work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya",
|
||||
handle: "@priya_s",
|
||||
testimonial: "The ambiance is so premium. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yong-pretty-woman-portrait_624325-53.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-with-short-hairstyle-interior-room-concrete-wall-background-posing-sunny-shadows_285396-10430.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7969.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-smiling-blond-teenager-model-without-makeup-summer-hipster-white-dress-posing-street-background-turn-around_158538-12857.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-brunette-attractive-woman-green-dress-with-wonderful-smile-spend-tine-outdoor-looks-down-poses-outside_291650-2125.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Salon",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Stylists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kaloor's Finest",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unisex Services",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Assured",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Look Good. Feel Everything."
|
||||
description="Premium unisex salon in the heart of Kaloor, Ernakulam. Your look, your identity."
|
||||
testimonials={[
|
||||
{ name: "Aiswarya", handle: "@aiswarya", testimonial: "Best hair smoothening in Kaloor. So professional!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg" },
|
||||
{ name: "Rahul", handle: "@rahul", testimonial: "Experienced stylists and great hygiene.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg" },
|
||||
{ name: "Meera", handle: "@meera_k", testimonial: "Absolutely love my haircut. Perfect for my face shape.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-hairdresser_329181-1931.jpg" },
|
||||
{ name: "Arun", handle: "@arun_v", testimonial: "Quick, efficient, and very high quality work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
|
||||
{ name: "Priya", handle: "@priya_s", testimonial: "The ambiance is so premium. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/yong-pretty-woman-portrait_624325-53.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Book an Appointment", href: "#booking" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-with-short-hairstyle-interior-room-concrete-wall-background-posing-sunny-shadows_285396-10430.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7969.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-smiling-blond-teenager-model-without-makeup-summer-hipster-white-dress-posing-street-background-turn-around_158538-12857.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-brunette-attractive-woman-green-dress-with-wonderful-smile-spend-tine-outdoor-looks-down-poses-outside_291650-2125.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg", alt: "Happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg", alt: "Happy client" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Premium Salon" },
|
||||
{ type: "text", text: "Professional Stylists" },
|
||||
{ type: "text", text: "Kaloor's Finest" },
|
||||
{ type: "text", text: "Unisex Services" },
|
||||
{ type: "text", text: "Quality Assured" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
tag="TRUSTED EXCELLENCE"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.7",
|
||||
description: "Google Rating (397+ Reviews)",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10am-9pm",
|
||||
description: "Open Daily",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Expert",
|
||||
description: "Professional Team",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
tag="TRUSTED EXCELLENCE"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.7", description: "Google Rating (397+ Reviews)" },
|
||||
{ id: "m2", value: "10am-9pm", description: "Open Daily" },
|
||||
{ id: "m3", value: "Expert", description: "Professional Team" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Hair Smoothening",
|
||||
"Hair Colouring",
|
||||
"Hair Botox Treatment",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Haircut & Styling",
|
||||
"Hair Perming",
|
||||
"Skincare Treatments",
|
||||
],
|
||||
}}
|
||||
title="What We Do"
|
||||
description="High-end grooming and beauty services."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["Hair Smoothening", "Hair Colouring", "Hair Botox Treatment"] }}
|
||||
positiveCard={{ items: ["Haircut & Styling", "Hair Perming", "Skincare Treatments"] }}
|
||||
title="What We Do"
|
||||
description="High-end grooming and beauty services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafted for Every Identity."
|
||||
description={[
|
||||
"Skilled stylists with years of expertise.",
|
||||
"A welcoming space for everyone.",
|
||||
"High-quality trusted products.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafted for Every Identity."
|
||||
description={["Skilled stylists with years of expertise.", "A welcoming space for everyone.", "High-quality trusted products."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Smoothing",
|
||||
price: "Before",
|
||||
variant: "Hair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-ready-photo-shooting_23-2149138203.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Coloring",
|
||||
price: "After",
|
||||
variant: "Hair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-exhausted-woman-sitting-black-couch-putting-magazine-head-slender-model-wearing-black-elegant-overall-concept-vogue-fashion-industry_132075-12029.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Botox",
|
||||
price: "After",
|
||||
variant: "Treatment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913265.jpg",
|
||||
},
|
||||
]}
|
||||
title="Transformations"
|
||||
description="Before & After looks by our experts."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "1", name: "Smoothing", price: "Before", variant: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-ready-photo-shooting_23-2149138203.jpg" },
|
||||
{ id: "2", name: "Coloring", price: "After", variant: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/tired-exhausted-woman-sitting-black-couch-putting-magazine-head-slender-model-wearing-black-elegant-overall-concept-vogue-fashion-industry_132075-12029.jpg" },
|
||||
{ id: "3", name: "Botox", price: "After", variant: "Treatment", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913265.jpg" },
|
||||
]}
|
||||
title="Transformations"
|
||||
description="Before & After looks by our experts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sreejith",
|
||||
role: "Client",
|
||||
company: "Kaloor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ananya",
|
||||
role: "Client",
|
||||
company: "Kaloor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7966.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jithin",
|
||||
role: "Client",
|
||||
company: "Kaloor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Rahul",
|
||||
role: "Client",
|
||||
company: "Kaloor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Deepa",
|
||||
role: "Client",
|
||||
company: "Kaloor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our happy customers."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sreejith", role: "Client", company: "Kaloor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg" },
|
||||
{ id: "t2", name: "Ananya", role: "Client", company: "Kaloor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7966.jpg" },
|
||||
{ id: "t3", name: "Jithin", role: "Client", company: "Kaloor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg" },
|
||||
{ id: "t4", name: "Rahul", role: "Client", company: "Kaloor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg" },
|
||||
{ id: "t5", name: "Deepa", role: "Client", company: "Kaloor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our happy customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Ready for Your Transformation?"
|
||||
description="Walk in or book ahead. Open 10 AM – 9 PM daily."
|
||||
tag="CONTACT US"
|
||||
/>
|
||||
</div>
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ready for Your Transformation?"
|
||||
description="Walk in or book ahead. Open 10 AM – 9 PM daily."
|
||||
tag="CONTACT US"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/919207185973",
|
||||
},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:919207185973",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="BLAAC"
|
||||
copyrightText="© 2025 BLAAC Unisex Salon · Kaloor, Ernakulam."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{ label: "Home", href: "#" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/919207185973" },
|
||||
{ label: "Call Us", href: "tel:919207185973" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="BLAAC"
|
||||
copyrightText="© 2025 BLAAC Unisex Salon · Kaloor, Ernakulam."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user