Update src/app/page.tsx
This commit is contained in:
232
src/app/page.tsx
232
src/app/page.tsx
@@ -32,27 +32,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Booking", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LBC Salon"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,12 +53,10 @@ export default function LandingPage() {
|
||||
description="Where artistry meets elegance. Discover transformative styling, premium treatments, and world-class service in Kerala's most celebrated salon—trusted by 140+ happy clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Transformation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Transformation", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-bath-concept-accessories-with-copy-space_23-2148419396.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-bath-concept-accessories-with-copy-space_23-2148419396.jpg"
|
||||
imageAlt="Luxury salon ambiance"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Kerala's Most Elegant Destination"
|
||||
description={[
|
||||
"Founded on the principles of artistry and precision, Life Behind Chair Salon delivers high-end experiences for professionals and trendsetters.",
|
||||
"We believe in inclusivity and bespoke care, ensuring every client leaves feeling celebrated and confident.",
|
||||
]}
|
||||
"Founded on the principles of artistry and precision, Life Behind Chair Salon delivers high-end experiences for professionals and trendsetters.", "We believe in inclusivity and bespoke care, ensuring every client leaves feeling celebrated and confident."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,32 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Precision Styling",
|
||||
tags: [
|
||||
"Modern Cuts",
|
||||
"Personalized",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=1",
|
||||
},
|
||||
id: "s1", title: "Precision Styling", tags: [
|
||||
"Modern Cuts", "Personalized"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Artisan Coloring",
|
||||
tags: [
|
||||
"Trends",
|
||||
"Bold Colors",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-hair_1122-1456.jpg",
|
||||
},
|
||||
id: "s2", title: "Artisan Coloring", tags: [
|
||||
"Trends", "Bold Colors"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-hair_1122-1456.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Bridal Packages",
|
||||
tags: [
|
||||
"Full Styling",
|
||||
"Consultation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-woman-flying-summer-dress-luxury-hotel-villa-restaurant-vacation_343596-3606.jpg",
|
||||
},
|
||||
id: "s3", title: "Bridal Packages", tags: [
|
||||
"Full Styling", "Consultation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-woman-flying-summer-dress-luxury-hotel-villa-restaurant-vacation_343596-3606.jpg"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Bespoke styling and grooming solutions tailored to your unique identity."
|
||||
@@ -129,53 +101,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Styling Session",
|
||||
price: "₹1,500",
|
||||
period: "from",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Cut & Finish",
|
||||
],
|
||||
id: "p1", title: "Styling Session", price: "₹1,500", period: "from", features: [
|
||||
"Consultation", "Cut & Finish"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
imageAlt: "salon professional stylist portraits",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageAlt: "salon professional stylist portraits"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Color & Care",
|
||||
price: "₹4,500",
|
||||
period: "from",
|
||||
features: [
|
||||
"Premium Color",
|
||||
"Deep Treatment",
|
||||
],
|
||||
id: "p2", title: "Color & Care", price: "₹4,500", period: "from", features: [
|
||||
"Premium Color", "Deep Treatment"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-concept-accessories-with-copy-space_23-2148419396.jpg?_wi=2",
|
||||
imageAlt: "salon professional stylist portraits",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-concept-accessories-with-copy-space_23-2148419396.jpg", imageAlt: "salon professional stylist portraits"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Bridal Suite",
|
||||
price: "₹15,000",
|
||||
period: "custom",
|
||||
features: [
|
||||
"Full Makeover",
|
||||
"Trial Sessions",
|
||||
],
|
||||
id: "p3", title: "Bridal Suite", price: "₹15,000", period: "custom", features: [
|
||||
"Full Makeover", "Trial Sessions"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=2",
|
||||
imageAlt: "salon professional stylist portraits",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg", imageAlt: "salon professional stylist portraits"},
|
||||
]}
|
||||
title="Exclusive Appointments"
|
||||
description="Choose the transformation that fits your vision."
|
||||
@@ -189,20 +131,11 @@ export default function LandingPage() {
|
||||
tag="Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "140+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m1", value: "140+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.8*",
|
||||
description: "Star Reputation",
|
||||
},
|
||||
id: "m2", value: "4.8*", description: "Star Reputation"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Inclusive Service",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Inclusive Service"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -216,23 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Aria Mehta",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg",
|
||||
},
|
||||
id: "t1", name: "Aria Mehta", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Vikram Singh",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg",
|
||||
},
|
||||
id: "t2", name: "Vikram Singh", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
role: "Colorist Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", role: "Colorist Expert", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg"},
|
||||
]}
|
||||
title="The Artistry Behind LBC"
|
||||
description="Meet our team of visionary professionals committed to your aesthetic excellence."
|
||||
@@ -246,45 +167,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best experience I've ever had at a salon. Truly world-class service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7971.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best experience I've ever had at a salon. Truly world-class service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7971.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Incredible attention to detail. My style was transformed perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-stylish-girl-with-short-hairstyle-wearing-black-blouse-trendy-yellow-glasses-posing-camera-summer-evening-sunlight_291650-2680.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Incredible attention to detail. My style was transformed perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-stylish-girl-with-short-hairstyle-wearing-black-blouse-trendy-yellow-glasses-posing-camera-summer-evening-sunlight_291650-2680.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "So inclusive and professional. My bridal hair was absolutely flawless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-bride-indoor-wedding-dress_624325-904.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@erod", testimonial: "So inclusive and professional. My bridal hair was absolutely flawless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-bride-indoor-wedding-dress_624325-904.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Trendy cut and great atmosphere. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-guy-looking-electric-shaver_171337-17294.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@dkim", testimonial: "Trendy cut and great atmosphere. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-guy-looking-electric-shaver_171337-17294.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Priya Nair",
|
||||
handle: "@priyan",
|
||||
testimonial: "An elegant escape with incredible results. LBC is my new go-to.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-standing-by-wall_1303-22628.jpg",
|
||||
},
|
||||
id: "t5", name: "Priya Nair", handle: "@priyan", testimonial: "An elegant escape with incredible results. LBC is my new go-to.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-standing-by-wall_1303-22628.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Elegance"
|
||||
@@ -296,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Ready for your transformation?"
|
||||
description="Sign up to receive our latest style news and book your private consultation today."
|
||||
tag="Booking"
|
||||
@@ -309,42 +204,27 @@ export default function LandingPage() {
|
||||
logoText="LIFE BEHIND CHAIR"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Styling",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Styling", href: "#features"},
|
||||
{
|
||||
label: "Bridal",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Bridal", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user