Merge version_1 into main #2
203
src/app/page.tsx
203
src/app/page.tsx
@@ -29,75 +29,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Luxe Salon"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Excellence in Hair & Beauty"
|
||||
description="Discover a personalized salon experience where modern techniques meet timeless style in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/regretted-young-beautiful-female-barber-uniform-speaks-phone-isolated-green-background_141793-118626.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-washing-hair-with-shampoo_23-2147769795.jpg?_wi=1",
|
||||
imageAlt: "Styling",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27180.jpg?_wi=1",
|
||||
imageAlt: "Relaxing",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81888.jpg",
|
||||
imageAlt: "Decor",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
|
||||
imageAlt: "Tools",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-cheerful-young-woman-wearing-elegant-white-blouse-smiling-joyfully-camera-touching-her-long-hair-rejoicing-new-hairstyle-people-fashion-style-concept_343059-4194.jpg",
|
||||
imageAlt: "Result",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/regretted-young-beautiful-female-barber-uniform-speaks-phone-isolated-green-background_141793-118626.jpg", imageAlt: "Salon Interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-washing-hair-with-shampoo_23-2147769795.jpg", imageAlt: "Styling" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27180.jpg", imageAlt: "Relaxing" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81888.jpg", imageAlt: "Decor" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg", imageAlt: "Tools" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-cheerful-young-woman-wearing-elegant-white-blouse-smiling-joyfully-camera-touching-her-long-hair-rejoicing-new-hairstyle-people-fashion-style-concept_343059-4194.jpg", imageAlt: "Result" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,9 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy"
|
||||
description={[
|
||||
"At Luxe Salon, we believe that your hair is your best accessory. Our mission is to provide premium beauty services in a space that feels like home.",
|
||||
"Led by industry experts, we use only high-quality products to ensure your hair stays healthy, vibrant, and stylish. Experience the transformation you deserve.",
|
||||
]}
|
||||
"At Luxe Salon, we believe that your hair is your best accessory. Our mission is to provide premium beauty services in a space that feels like home.", "Led by industry experts, we use only high-quality products to ensure your hair stays healthy, vibrant, and stylish. Experience the transformation you deserve."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,51 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Customized haircuts that suit your features and personal style perfectly.",
|
||||
icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-customer-towels_23-2147737015.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-customer-towels_23-2147737015.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/regretted-young-beautiful-female-barber-uniform-speaks-phone-isolated-green-background_141793-118626.jpg?_wi=2",
|
||||
imageAlt: "elegant salon interior modern hair",
|
||||
},
|
||||
{
|
||||
title: "Expert Coloring",
|
||||
description: "From subtle highlights to bold transformations using premium sustainable dyes.",
|
||||
icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-washing-hair-with-shampoo_23-2147769795.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-washing-hair-with-shampoo_23-2147769795.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-washing-hair-with-shampoo_23-2147769795.jpg?_wi=4",
|
||||
imageAlt: "hairdresser styling client beautiful hair",
|
||||
},
|
||||
{
|
||||
title: "Blow-Dry & Style",
|
||||
description: "Luxurious wash and blow-out services for any occasion, big or small.",
|
||||
icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-applying-spray-hair_23-2147769861.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-applying-spray-hair_23-2147769861.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27180.jpg?_wi=2",
|
||||
imageAlt: "woman getting hair washed in salon",
|
||||
},
|
||||
{ title: "Precision Cuts", description: "Customized haircuts that suit your features and personal style perfectly.", icon: Scissors, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-customer-towels_23-2147737015.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/barber-woman-customer-towels_23-2147737015.jpg" }] },
|
||||
{ title: "Expert Coloring", description: "From subtle highlights to bold transformations using premium sustainable dyes.", icon: Palette, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-washing-hair-with-shampoo_23-2147769795.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-washing-hair-with-shampoo_23-2147769795.jpg" }] },
|
||||
{ title: "Blow-Dry & Style", description: "Luxurious wash and blow-out services for any occasion, big or small.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-applying-spray-hair_23-2147769861.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-applying-spray-hair_23-2147769861.jpg" }] },
|
||||
]}
|
||||
title="Salon Services"
|
||||
description="Comprehensive beauty solutions tailored to your unique hair type and lifestyle."
|
||||
@@ -174,48 +85,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena M.",
|
||||
role: "Creative",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus S.",
|
||||
role: "Designer",
|
||||
company: "Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-holding-her-boyfriend-s-hand-looking-camera_23-2148151722.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
role: "CEO",
|
||||
company: "Frequent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Artist",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-pretty-woman-with-brown-hair-wearing-red-top-looking-down-smiling-violet_291650-1673.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane L.",
|
||||
role: "Teacher",
|
||||
company: "Loyal Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-shot-beautiful-young-woman_1385-1565.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena M.", role: "Creative", company: "Local Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg" },
|
||||
{ id: "2", name: "Marcus S.", role: "Designer", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-holding-her-boyfriend-s-hand-looking-camera_23-2148151722.jpg" },
|
||||
{ id: "3", name: "Sarah P.", role: "CEO", company: "Frequent", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Artist", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-pretty-woman-with-brown-hair-wearing-red-top-looking-down-smiling-violet_291650-1673.jpg" },
|
||||
{ id: "5", name: "Jane L.", role: "Teacher", company: "Loyal Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-shot-beautiful-young-woman_1385-1565.jpg" },
|
||||
]}
|
||||
title="Our Happy Clients"
|
||||
description="Hear what our loyal community says about their experience at Luxe Salon."
|
||||
@@ -225,9 +102,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Bookings"
|
||||
title="Start Your Journey"
|
||||
description="Reserve your session with us today and let us take care of you."
|
||||
@@ -239,34 +114,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Luxe Salon"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user