Merge version_1 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lofiel Salon"
|
||||
/>
|
||||
@@ -58,104 +48,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Beauty Care, Local Trust"
|
||||
description="Discover expert haircare, skincare, and bridal services at Rayagada's trusted salon. Book your appointment online or visit us today."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4199.jpg?_wi=1",
|
||||
imageAlt: "Luxury beauty salon interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4199.jpg", imageAlt: "Luxury beauty salon interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-lies-salon-cosmetology-table-with-white-mask-her-face_343596-4298.jpg",
|
||||
imageAlt: "Professional hair styling station",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-lies-salon-cosmetology-table-with-white-mask-her-face_343596-4298.jpg", imageAlt: "Professional hair styling station"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-589.jpg",
|
||||
imageAlt: "Modern salon workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-589.jpg", imageAlt: "Modern salon workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-dyeing-woman39s-hair_657883-610.jpg",
|
||||
imageAlt: "Clean beauty studio interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-dyeing-woman39s-hair_657883-610.jpg", imageAlt: "Clean beauty studio interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg",
|
||||
imageAlt: "Relaxing facial service area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg", imageAlt: "Relaxing facial service area"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-girl-doctor-uniform_141793-196.jpg?_wi=1",
|
||||
imageAlt: "Smiling beautician in apron",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-girl-doctor-uniform_141793-196.jpg", imageAlt: "Smiling beautician in apron"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg",
|
||||
imageAlt: "Modern salon equipment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg", imageAlt: "Modern salon equipment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-having-coffee-bathroom_23-2148147484.jpg",
|
||||
imageAlt: "Clean beauty studio view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-having-coffee-bathroom_23-2148147484.jpg", imageAlt: "Clean beauty studio view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg",
|
||||
imageAlt: "Expert beautician tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg", imageAlt: "Expert beautician tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg",
|
||||
imageAlt: "Friendly salon workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg", imageAlt: "Friendly salon workspace"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334254.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334254.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26038.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-visiting-cosmetologist-making-rejuvenation-procedures_1303-26038.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26028.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26028.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautician-spa-beauty-salon-applies-cream-client-s-face-girl-lies-cosmetology-table_343596-4278.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautician-spa-beauty-salon-applies-cream-client-s-face-girl-lies-cosmetology-table_343596-4278.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Haircut",
|
||||
},
|
||||
type: "text", text: "Haircut"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Facial",
|
||||
},
|
||||
type: "text", text: "Facial"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bridal",
|
||||
},
|
||||
type: "text", text: "Bridal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Massage",
|
||||
},
|
||||
type: "text", text: "Massage"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skincare",
|
||||
},
|
||||
type: "text", text: "Skincare"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,7 +112,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Welcome to Lofiel Beauty Salon"
|
||||
description="At Lofiel, we believe in celebrating the unique beauty of every client in Rayagada. Our mission is to provide premium aesthetic services in a clean, professional, and welcoming environment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,32 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Expert Haircuts",
|
||||
tags: [
|
||||
"Hair",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressers-scissors-lying-dark-cloth_23-2148181907.jpg",
|
||||
},
|
||||
id: "1", title: "Expert Haircuts", tags: [
|
||||
"Hair", "Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressers-scissors-lying-dark-cloth_23-2148181907.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Facial Skincare",
|
||||
tags: [
|
||||
"Spa",
|
||||
"Skin",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetology-portrait-cute-female_624325-1519.jpg",
|
||||
},
|
||||
id: "2", title: "Facial Skincare", tags: [
|
||||
"Spa", "Skin"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetology-portrait-cute-female_624325-1519.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Bridal Styling",
|
||||
tags: [
|
||||
"Event",
|
||||
"Bridal",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-black-brushes-make-up_23-2148320936.jpg",
|
||||
},
|
||||
id: "3", title: "Bridal Styling", tags: [
|
||||
"Event", "Bridal"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-black-brushes-make-up_23-2148320936.jpg"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Premium care for hair, skin, and special occasions."
|
||||
@@ -215,55 +146,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Basic Cut",
|
||||
price: "₹299",
|
||||
period: "/session",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Style",
|
||||
"Wash",
|
||||
],
|
||||
id: "p1", title: "Basic Cut", price: "₹299", period: "/session", features: [
|
||||
"Haircut", "Style", "Wash"],
|
||||
button: {
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg",
|
||||
imageAlt: "beauty salon professional tools",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg", imageAlt: "beauty salon professional tools"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Facial Glow",
|
||||
price: "₹599",
|
||||
period: "/session",
|
||||
features: [
|
||||
"Deep Cleansing",
|
||||
"Massage",
|
||||
],
|
||||
id: "p2", title: "Facial Glow", price: "₹599", period: "/session", features: [
|
||||
"Deep Cleansing", "Massage"],
|
||||
button: {
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4199.jpg?_wi=2",
|
||||
imageAlt: "beauty salon professional tools",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4199.jpg", imageAlt: "beauty salon professional tools"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Bridal Package",
|
||||
price: "₹2499",
|
||||
period: "/session",
|
||||
features: [
|
||||
"Makeup",
|
||||
"Hair",
|
||||
"Styling",
|
||||
],
|
||||
id: "p3", title: "Bridal Package", price: "₹2499", period: "/session", features: [
|
||||
"Makeup", "Hair", "Styling"],
|
||||
button: {
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-girl-doctor-uniform_141793-196.jpg?_wi=2",
|
||||
imageAlt: "beauty salon professional tools",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-girl-doctor-uniform_141793-196.jpg", imageAlt: "beauty salon professional tools"},
|
||||
]}
|
||||
title="Competitive Pricing"
|
||||
description="Professional services at affordable prices."
|
||||
@@ -277,23 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anjali Rao",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg",
|
||||
},
|
||||
id: "t1", name: "Anjali Rao", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sonia Kumari",
|
||||
role: "Makeup Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-dresser-posing-with-scissors_23-2148108780.jpg",
|
||||
},
|
||||
id: "t2", name: "Sonia Kumari", role: "Makeup Artist", imageSrc: "http://img.b2bpic.net/free-photo/hair-dresser-posing-with-scissors_23-2148108780.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Rita Devi",
|
||||
role: "Skin Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-hair-dresser-posing_23-2148108747.jpg",
|
||||
},
|
||||
id: "t3", name: "Rita Devi", role: "Skin Specialist", imageSrc: "http://img.b2bpic.net/free-photo/sitting-hair-dresser-posing_23-2148108747.jpg"},
|
||||
]}
|
||||
title="Meet Our Stylists"
|
||||
description="Expert hands dedicated to your beauty."
|
||||
@@ -306,45 +193,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Haircut",
|
||||
quote: "Loved the haircut service here!",
|
||||
name: "Neha",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-caucasian-blond-woman-walking-outdoors-beautiful-woman-white-shirt-fashion-portrait-gorgeous-woman-young-woman-having-fun-city-street-fashion_291650-1516.jpg",
|
||||
},
|
||||
id: "1", title: "Great Haircut", quote: "Loved the haircut service here!", name: "Neha", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-caucasian-blond-woman-walking-outdoors-beautiful-woman-white-shirt-fashion-portrait-gorgeous-woman-young-woman-having-fun-city-street-fashion_291650-1516.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Excellent Facial",
|
||||
quote: "Best facial I've ever had.",
|
||||
name: "Priya",
|
||||
role: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg",
|
||||
},
|
||||
id: "2", title: "Excellent Facial", quote: "Best facial I've ever had.", name: "Priya", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect Bridal Makeup",
|
||||
quote: "My wedding look was amazing.",
|
||||
name: "Simran",
|
||||
role: "Bride",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-holding-flowers_23-2149540033.jpg",
|
||||
},
|
||||
id: "3", title: "Perfect Bridal Makeup", quote: "My wedding look was amazing.", name: "Simran", role: "Bride", imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-holding-flowers_23-2149540033.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Hygiene Focused",
|
||||
quote: "Very clean and professional.",
|
||||
name: "Sunita",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-fashion-store-customer-paying-purchase-checkout-looking-pos-terminal-cashier-hands-medium-shot-copy-space-shopping-concept_74855-11916.jpg",
|
||||
},
|
||||
id: "4", title: "Hygiene Focused", quote: "Very clean and professional.", name: "Sunita", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/positive-fashion-store-customer-paying-purchase-checkout-looking-pos-terminal-cashier-hands-medium-shot-copy-space-shopping-concept_74855-11916.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommended",
|
||||
quote: "Skilled staff, great prices.",
|
||||
name: "Rekha",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
|
||||
},
|
||||
id: "5", title: "Highly Recommended", quote: "Skilled staff, great prices.", name: "Rekha", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Stories from our happy customers in Rayagada."
|
||||
@@ -355,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready for your makeover?"
|
||||
description="Book a visit today through our salon contact portal."
|
||||
@@ -370,29 +226,19 @@ export default function LandingPage() {
|
||||
logoText="Lofiel Salon"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Facials",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Facials", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user