Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lumina Salon"
|
||||
/>
|
||||
@@ -60,33 +45,16 @@ export default function LandingPage() {
|
||||
description="Transform your look at Lumina Salon. Expert cuts, vibrant colors, and rejuvenating treatments for every hair type."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
alt: "Stylist Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg",
|
||||
alt: "Stylist Marco",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",
|
||||
alt: "Stylist Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg",
|
||||
alt: "Stylist Julian",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg",
|
||||
alt: "Client Amanda",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg", alt: "Stylist Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg", alt: "Stylist Marco" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", alt: "Stylist Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg", alt: "Stylist Julian" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg", alt: "Client Amanda" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
/>
|
||||
@@ -98,20 +66,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Tailored cuts that complement your face shape and personal style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
|
||||
},
|
||||
title: "Precision Cuts", description: "Tailored cuts that complement your face shape and personal style.", imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg"},
|
||||
{
|
||||
title: "Custom Coloring",
|
||||
description: "Vibrant, lasting colors from natural tones to bold fashion statements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668427.jpg",
|
||||
},
|
||||
title: "Custom Coloring", description: "Vibrant, lasting colors from natural tones to bold fashion statements.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668427.jpg"},
|
||||
{
|
||||
title: "Hair Spa & Repair",
|
||||
description: "Deep conditioning treatments to restore shine, moisture, and strength.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg",
|
||||
},
|
||||
title: "Hair Spa & Repair", description: "Deep conditioning treatments to restore shine, moisture, and strength.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="We offer a wide range of hair services using premium products to ensure your hair stays healthy and beautiful."
|
||||
@@ -125,58 +84,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$60",
|
||||
subtitle: "Includes consultation, wash, and cut.",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Hair Wash",
|
||||
"Precision Cut",
|
||||
"Styling",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "p1", badge: "Essential", price: "$60", subtitle: "Includes consultation, wash, and cut.", features: ["Consultation", "Hair Wash", "Precision Cut", "Styling"],
|
||||
buttons: [{ text: "Select", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$120",
|
||||
subtitle: "Includes cut, color, and deep treatment.",
|
||||
features: [
|
||||
"Full Consultation",
|
||||
"Color Customization",
|
||||
"Deep Repair Mask",
|
||||
"Style Finish",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "p2", badge: "Premium", price: "$120", subtitle: "Includes cut, color, and deep treatment.", features: ["Full Consultation", "Color Customization", "Deep Repair Mask", "Style Finish"],
|
||||
buttons: [{ text: "Select", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "VIP",
|
||||
price: "$180",
|
||||
subtitle: "The complete Lumina transformation.",
|
||||
features: [
|
||||
"VIP Consultation",
|
||||
"Full Color & Highlights",
|
||||
"Olaplex Treatment",
|
||||
"Signature Blow-out",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "p3", badge: "VIP", price: "$180", subtitle: "The complete Lumina transformation.", features: ["VIP Consultation", "Full Color & Highlights", "Olaplex Treatment", "Signature Blow-out"],
|
||||
buttons: [{ text: "Select", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -191,40 +108,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Meet the Stylists",
|
||||
members: [
|
||||
{
|
||||
id: "t1",
|
||||
title: "Elena Rose",
|
||||
subtitle: "Senior Stylist",
|
||||
detail: "10+ years experience in precision cutting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Marco S.",
|
||||
subtitle: "Color Expert",
|
||||
detail: "Master of balayage and creative coloring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Sarah Kim",
|
||||
subtitle: "Hair Specialist",
|
||||
detail: "Passionate about hair health and repair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Julian V.",
|
||||
subtitle: "Junior Stylist",
|
||||
detail: "Up-and-coming talent with an eye for trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=2",
|
||||
imageAlt: "elegant hair salon interior",
|
||||
id: "g1", groupTitle: "Meet the Stylists", members: [
|
||||
{ id: "t1", title: "Elena Rose", subtitle: "Senior Stylist", detail: "10+ years experience in precision cutting.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg" },
|
||||
{ id: "t2", title: "Marco S.", subtitle: "Color Expert", detail: "Master of balayage and creative coloring.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg" },
|
||||
{ id: "t3", title: "Sarah Kim", subtitle: "Hair Specialist", detail: "Passionate about hair health and repair.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg" },
|
||||
{ id: "t4", title: "Julian V.", subtitle: "Junior Stylist", detail: "Up-and-coming talent with an eye for trends.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Stylists"
|
||||
@@ -236,31 +125,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Amanda P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jessica W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latin-young-woman-portrait-outdoor_624325-3345.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-executive-taking-break-from-work-texting-message-smartphone_1098-20733.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sofia G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hairdresser-with-hair-dryer-his-hands-hairstyle-woman-beauty-hair-professional-beauty-salon_231208-10937.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
|
||||
},
|
||||
{ id: "1", name: "Amanda P.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg" },
|
||||
{ id: "2", name: "Jessica W.", imageSrc: "http://img.b2bpic.net/free-photo/latin-young-woman-portrait-outdoor_624325-3345.jpg" },
|
||||
{ id: "3", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-taking-break-from-work-texting-message-smartphone_1098-20733.jpg" },
|
||||
{ id: "4", name: "Sofia G.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hairdresser-with-hair-dryer-his-hands-hairstyle-woman-beauty-hair-professional-beauty-salon_231208-10937.jpg" },
|
||||
{ id: "5", name: "Chloe M.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg" },
|
||||
]}
|
||||
cardTitle="Client Stories"
|
||||
cardTag="Reviews"
|
||||
@@ -271,17 +140,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Ready for your new look?"
|
||||
description="Schedule your appointment today to ensure you get your preferred slot at our salon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@luminasalon.com",
|
||||
},
|
||||
{ text: "Contact Us Now", href: "mailto:hello@luminasalon.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -289,17 +153,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Lumina"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user