Merge version_1 into main #2
371
src/app/page.tsx
371
src/app/page.tsx
@@ -26,273 +26,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BLAAC"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="BLAAC"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Look Good. Feel Everything."
|
||||
description="Unisex salon in the heart of Kaloor, Ernakulam. Your look, your identity."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.7★",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "397+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "10am-9pm",
|
||||
label: "Open Daily",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-with-sexy-figure-long-brown-glancy-hair-posing-studio_132075-11944.jpg?_wi=1"
|
||||
imageAlt="Luxury salon hair care"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-attitude-white_158595-5505.jpg",
|
||||
alt: "Portrait young woman with attitude on white",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-bun-wearing-gray-sweater_155996-26.jpg",
|
||||
alt: "Woman with bun wearing gray sweater",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_52683-119994.jpg",
|
||||
alt: "Front view woman posing with flower",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-stylish-drag-queen-posing_23-2149247290.jpg",
|
||||
alt: "Medium shot stylish drag queen posing",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-two-black-ceramical-hair-sinks-standing-beaty-salon_651396-960.jpg",
|
||||
alt: "Photo of two black ceramical hair sinks standing in beaty salon",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by our community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Haircare",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unisex Services",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kaloor's Choice",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Look Good. Feel Everything."
|
||||
description="Unisex salon in the heart of Kaloor, Ernakulam. Your look, your identity."
|
||||
kpis={[
|
||||
{ value: "4.7★", label: "Google Rating" },
|
||||
{ value: "397+", label: "Happy Clients" },
|
||||
{ value: "10am-9pm", label: "Open Daily" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-with-sexy-figure-long-brown-glancy-hair-posing-studio_132075-11944.jpg"
|
||||
imageAlt="Luxury salon hair care"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-attitude-white_158595-5505.jpg", alt: "Portrait young woman with attitude on white" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-bun-wearing-gray-sweater_155996-26.jpg", alt: "Woman with bun wearing gray sweater" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_52683-119994.jpg", alt: "Front view woman posing with flower" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-stylish-drag-queen-posing_23-2149247290.jpg", alt: "Medium shot stylish drag queen posing" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photo-two-black-ceramical-hair-sinks-standing-beaty-salon_651396-960.jpg", alt: "Photo of two black ceramical hair sinks standing in beaty salon" },
|
||||
]}
|
||||
avatarText="Trusted by our community"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Premium Haircare" },
|
||||
{ type: "text", text: "Unisex Services" },
|
||||
{ type: "text", text: "Expert Styling" },
|
||||
{ type: "text", text: "Kaloor's Choice" },
|
||||
{ type: "text", text: "Award-Winning" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hair Services",
|
||||
description: "Expert styling, coloring, and treatments.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
|
||||
imageAlt: "Luxury salon hair care",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Haircut & Styling",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Hair Colouring",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Hair Treatments",
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
text: "Smoothening",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-sexy-figure-long-brown-glancy-hair-posing-studio_132075-11944.jpg?_wi=2",
|
||||
imageAlt: "luxury salon hair care",
|
||||
},
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Premium treatments for every identity."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hair Services", description: "Expert styling, coloring, and treatments.", media: { imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", imageAlt: "Luxury salon hair care" },
|
||||
items: [
|
||||
{ icon: Scissors, text: "Haircut & Styling" },
|
||||
{ icon: Droplets, text: "Hair Colouring" },
|
||||
{ icon: Sparkles, text: "Hair Treatments" },
|
||||
{ icon: Waves, text: "Smoothening" },
|
||||
],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Premium treatments for every identity."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafted for Every Identity."
|
||||
tag="Our Philosophy"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout useInvertedBackground={true} title="Crafted for Every Identity." tag="Our Philosophy" />
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Best hair smoothening in Kaloor!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John",
|
||||
handle: "@john",
|
||||
testimonial: "Experienced stylists and premium service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maya",
|
||||
handle: "@maya",
|
||||
testimonial: "Loving my new hair colour.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rahul",
|
||||
handle: "@rahul",
|
||||
testimonial: "Top notch experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-gorgeous-woman-woman-standing-stylish-white-sweater-blue-wall-concept-winter_158538-7748.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dev",
|
||||
handle: "@dev",
|
||||
testimonial: "Very professional and friendly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-young-girl-hair-treatment_23-2147769751.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our happy community in Kaloor."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah", handle: "@sarah", testimonial: "Best hair smoothening in Kaloor!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
||||
{ id: "2", name: "John", handle: "@john", testimonial: "Experienced stylists and premium service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg" },
|
||||
{ id: "3", name: "Maya", handle: "@maya", testimonial: "Loving my new hair colour.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg" },
|
||||
{ id: "4", name: "Rahul", handle: "@rahul", testimonial: "Top notch experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-gorgeous-woman-woman-standing-stylish-white-sweater-blue-wall-concept-winter_158538-7748.jpg" },
|
||||
{ id: "5", name: "Dev", handle: "@dev", testimonial: "Very professional and friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-young-girl-hair-treatment_23-2147769751.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our happy community in Kaloor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready for Your Transformation?"
|
||||
description="Walk in or book ahead to reserve your spot."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="WhatsApp Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg"
|
||||
imageAlt="Interior of latino hair salon"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready for Your Transformation?"
|
||||
description="Walk in or book ahead to reserve your spot."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
buttonText="WhatsApp Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg"
|
||||
imageAlt="Interior of latino hair salon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="BLAAC"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 BLAAC Unisex Salon. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="BLAAC"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Home", href: "#home" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 BLAAC Unisex Salon. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user