Merge version_1 into main #2
330
src/app/page.tsx
330
src/app/page.tsx
@@ -17,245 +17,113 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bobby Hair Designer"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bobby Hair Designer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Bobby Hair Designer: Panchkula's Trusted Unisex Salon"
|
||||
description="Experience professional hair care, skin treatments, and expert grooming in a luxury, hygienic environment. Rated 4.6★ by over 150 happy clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=2",
|
||||
imageAlt: "Professional Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=3",
|
||||
imageAlt: "Salon Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=4",
|
||||
imageAlt: "Hair Treatment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=5",
|
||||
imageAlt: "Grooming Area",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Bobby Hair Designer: Panchkula's Trusted Unisex Salon"
|
||||
description="Experience professional hair care, skin treatments, and expert grooming in a luxury, hygienic environment. Rated 4.6★ by over 150 happy clients."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919999999999" },
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Professional Service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Salon Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Hair Treatment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Grooming Area" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Haircuts & Styling",
|
||||
description: "Precision cuts and modern styling by experts.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Hair Coloring",
|
||||
description: "Custom color highlights and Balayage techniques.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Skin Care",
|
||||
description: "Rejuvenating facials and expert waxing services.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Bridal & Makeup",
|
||||
description: "Professional makeup for all special occasions.",
|
||||
},
|
||||
{
|
||||
icon: User,
|
||||
title: "Men Grooming",
|
||||
description: "Expert beard trims and professional grooming.",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer premium grooming and beauty services tailored for your unique style."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Scissors, title: "Haircuts & Styling", description: "Precision cuts and modern styling by experts." },
|
||||
{ icon: Palette, title: "Hair Coloring", description: "Custom color highlights and Balayage techniques." },
|
||||
{ icon: Sparkles, title: "Skin Care", description: "Rejuvenating facials and expert waxing services." },
|
||||
{ icon: Award, title: "Bridal & Makeup", description: "Professional makeup for all special occasions." },
|
||||
{ icon: User, title: "Men Grooming", description: "Expert beard trims and professional grooming." },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer premium grooming and beauty services tailored for your unique style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Panchkula's Quality Standard in Beauty"
|
||||
buttons={[
|
||||
{
|
||||
text: "View More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Panchkula's Quality Standard in Beauty"
|
||||
buttons={[{ text: "View More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Professional",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rahul M.",
|
||||
role: "Student",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ananya K.",
|
||||
role: "Executive",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vikram S.",
|
||||
role: "Professional",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya V.",
|
||||
role: "Freelancer",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why locals love Bobby Hair Designer."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Professional", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg" },
|
||||
{ id: "2", name: "Rahul M.", role: "Student", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg" },
|
||||
{ id: "3", name: "Ananya K.", role: "Executive", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
|
||||
{ id: "4", name: "Vikram S.", role: "Professional", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg" },
|
||||
{ id: "5", name: "Priya V.", role: "Freelancer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why locals love Bobby Hair Designer."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready for a Fresh Look?"
|
||||
description="Book your appointment or call us now. We are open till 9 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready for a Fresh Look?"
|
||||
description="Book your appointment or call us now. We are open till 9 PM."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919999999999" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/919999999999" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Sector 8, Panchkula",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+91 99999 99999",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Sector 8, Panchkula", href: "#" }, { label: "+91 99999 99999", href: "tel:+919999999999" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user