Update src/app/page.tsx
This commit is contained in:
126
src/app/page.tsx
126
src/app/page.tsx
@@ -28,18 +28,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Prashant Salon"
|
||||
/>
|
||||
@@ -47,48 +38,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Innovation in Every Cut"
|
||||
description="Prashant Salon redefines your personal style with bold creativity and professional precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "/contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-starting-work-with-client_23-2147769744.jpg",
|
||||
imageAlt: "modern unisex salon interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-hair-red-lipstick_158538-8423.jpg",
|
||||
imageAlt: "hair stylist professional at work",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-marshmallow-table_23-2148356477.jpg",
|
||||
imageAlt: "salon spa beauty atmosphere",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg",
|
||||
imageAlt: "hair treatment session detail",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-combs-scissors-razor-black-surface_23-2147839854.jpg?_wi=1",
|
||||
imageAlt: "stylist scissors grooming tools",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg",
|
||||
imageAlt: "minimalist hair salon design",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-starting-work-with-client_23-2147769744.jpg", imageAlt: "modern unisex salon interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-hair-red-lipstick_158538-8423.jpg", imageAlt: "hair stylist professional at work" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-marshmallow-table_23-2148356477.jpg", imageAlt: "salon spa beauty atmosphere" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg", imageAlt: "hair treatment session detail" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-combs-scissors-razor-black-surface_23-2147839854.jpg", imageAlt: "stylist scissors grooming tools" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg", imageAlt: "minimalist hair salon design" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,17 +59,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy"
|
||||
description="At Prashant Salon, we believe that your hair is the ultimate canvas for self-expression. Our team combines artistic vision with technical mastery to deliver results that truly resonate with your personal brand."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elevated-view-combs-scissors-razor-black-surface_23-2147839854.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elevated-view-combs-scissors-razor-black-surface_23-2147839854.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Highly trained professionals with years of experience.",
|
||||
},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "Curated selection of high-end brands for optimal care.",
|
||||
},
|
||||
{ title: "Expert Team", description: "Highly trained professionals with years of experience." },
|
||||
{ title: "Premium Products", description: "Curated selection of high-end brands for optimal care." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,10 +75,7 @@ export default function LandingPage() {
|
||||
title="As Featured In"
|
||||
description="Recognized by industry leaders for our commitment to excellence and innovation in modern hairstyling."
|
||||
names={[
|
||||
"Vogue Salon Guide",
|
||||
"City Lifestyle Mag",
|
||||
"Modern Hair Quarterly",
|
||||
"Style Authority",
|
||||
"Vogue Salon Guide", "City Lifestyle Mag", "Modern Hair Quarterly", "Style Authority"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,21 +89,8 @@ export default function LandingPage() {
|
||||
title="Meet The Visionaries"
|
||||
description="The creative force behind every transformation."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Prashant Kumar",
|
||||
role: "Lead Stylist",
|
||||
description: "Expert in geometric cuts and avant-garde styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-white_1187-3790.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Anita R.",
|
||||
role: "Colorist",
|
||||
company: "Color Lab",
|
||||
description: "Specializing in balayage and vivid color transformations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94690.jpg?_wi=1",
|
||||
},
|
||||
{ id: "m1", name: "Prashant Kumar", role: "Lead Stylist", description: "Expert in geometric cuts and avant-garde styles.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-white_1187-3790.jpg" },
|
||||
{ id: "m2", name: "Anita R.", role: "Colorist", description: "Specializing in balayage and vivid color transformations.", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94690.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,24 +103,8 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
description="Numbers speak to our commitment and the trust our clients place in us every day."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Daily appointments",
|
||||
"Regular check-ins",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15+",
|
||||
title: "Years of Craft",
|
||||
items: [
|
||||
"Established in 2008",
|
||||
"Innovation leader",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "500+", title: "Happy Clients", items: ["Daily appointments", "Regular check-ins"] },
|
||||
{ id: "2", value: "15+", title: "Years of Craft", items: ["Established in 2008", "Innovation leader"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -190,14 +112,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Prashant Salon"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
rightLink={{ text: "Terms of Service", href: "/terms" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user