Merge version_1 into main #2
298
src/app/page.tsx
298
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="Salon Bellissimo"
|
||||
/>
|
||||
@@ -53,41 +41,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background="blurBottom"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Beauty Meets Expertise"
|
||||
description="Premium hair, nails, and beauty services tailored just for you."
|
||||
tag="Transform Your Look"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg", imageAlt: "Salon Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=2",
|
||||
imageAlt: "Salon Styling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg?_wi=1",
|
||||
imageAlt: "Styling Tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg?_wi=1",
|
||||
imageAlt: "Hair Coloring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg?_wi=1",
|
||||
imageAlt: "Curly Hair Care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg", imageAlt: "Salon Styling"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -112,94 +78,46 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haircuts & Styling",
|
||||
description: "Precision cuts and elegant styling for all hair types.",
|
||||
icon: Scissors,
|
||||
title: "Haircuts & Styling", description: "Precision cuts and elegant styling for all hair types.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg?_wi=3",
|
||||
imageAlt: "modern salon interior warm lighting",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Coloring & Highlights",
|
||||
description: "Customized color treatments for healthy, vibrant hair.",
|
||||
icon: Sparkles,
|
||||
title: "Coloring & Highlights", description: "Customized color treatments for healthy, vibrant hair.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-equipment_23-2148352843.jpg?_wi=4",
|
||||
imageAlt: "hair styling scissors comb",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Curly Hair Specialists",
|
||||
description: "Expert techniques to define and celebrate your curls.",
|
||||
icon: Waves,
|
||||
title: "Curly Hair Specialists", description: "Expert techniques to define and celebrate your curls.", icon: Waves,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-treatment-latino-hair-salon_23-2150555156.jpg?_wi=4",
|
||||
imageAlt: "professional coloring brush highlights",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Manicures & Pedicures",
|
||||
description: "Detail-oriented nail care for long-lasting, beautiful results.",
|
||||
icon: Heart,
|
||||
title: "Manicures & Pedicures", description: "Detail-oriented nail care for long-lasting, beautiful results.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575437.jpg?_wi=4",
|
||||
imageAlt: "curly hair styling expert",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Facials & Skincare",
|
||||
description: "Rejuvenating treatments for radiant, healthy skin.",
|
||||
icon: Sun,
|
||||
title: "Facials & Skincare", description: "Rejuvenating treatments for radiant, healthy skin.", icon: Sun,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg?_wi=3",
|
||||
imageAlt: "manicure nail care salon",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Permanent Makeup",
|
||||
description: "Professional brow and aesthetic enhancements.",
|
||||
icon: Palette,
|
||||
title: "Permanent Makeup", description: "Professional brow and aesthetic enhancements.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure_23-2149102727.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure_23-2149102727.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-face-treatment-close-up_23-2149144923.jpg?_wi=3",
|
||||
imageAlt: "facial skincare treatment salon",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure_23-2149102727.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure_23-2149102727.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -214,59 +132,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Regular Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Regular Client", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Short Cut",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-combing-hair-bed_23-2147767632.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark D.", role: "Short Cut", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-combing-hair-bed_23-2147767632.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Kara L.",
|
||||
role: "Highlights",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-mobile-phone_329181-15806.jpg",
|
||||
},
|
||||
id: "t3", name: "Kara L.", role: "Highlights", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-mobile-phone_329181-15806.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lynsie B.",
|
||||
role: "Curly Hair",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg",
|
||||
},
|
||||
id: "t4", name: "Lynsie B.", role: "Curly Hair", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
role: "Full Spa",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Elena R.", role: "Full Spa", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{ value: "100%", label: "Client Satisfaction" },
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Hear what our wonderful clients are saying about their time at the salon."
|
||||
@@ -280,30 +164,10 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Tiffany",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Margaret",
|
||||
role: "Color Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133099.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Lynsie",
|
||||
role: "Curly Hair Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Sarah",
|
||||
role: "Nail Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-face-brush-doing-make-up_259150-60134.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Tiffany", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg" },
|
||||
{ id: "m2", name: "Margaret", role: "Color Expert", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133099.jpg" },
|
||||
{ id: "m3", name: "Lynsie", role: "Curly Hair Specialist", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg" },
|
||||
{ id: "m4", name: "Sarah", role: "Nail Technician", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-face-brush-doing-make-up_259150-60134.jpg" },
|
||||
]}
|
||||
title="Meet Our Expert Team"
|
||||
description="Our passionate stylists are here to transform your look and boost your confidence."
|
||||
@@ -316,25 +180,10 @@ export default function LandingPage() {
|
||||
title="Ready for Your Transformation?"
|
||||
description="Contact us today to book your appointment and discover your new favorite salon."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your needs", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -343,42 +192,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Book Now", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -388,4 +216,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user