Merge version_2 into main #2
282
src/app/page.tsx
282
src/app/page.tsx
@@ -31,22 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "pricing" },
|
||||
{ name: "Why Choose Us", id: "why-choose" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Saivex 156"
|
||||
/>
|
||||
@@ -54,17 +44,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Style, Beauty & Grooming for Everyone"
|
||||
description="Experience premium salon services in the heart of Nashik. Your transformation begins with our expert team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "https://wa.me/919999999999" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=1"
|
||||
imageAlt="Modern stylish salon workspace"
|
||||
/>
|
||||
@@ -74,15 +57,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to Saivex 156",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
|
||||
alt: "Clean and professional salon interior",
|
||||
},
|
||||
{ type: "text", content: "Welcome to Saivex 156" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg", alt: "Clean and professional salon interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,63 +69,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "men",
|
||||
badge: "Men",
|
||||
price: "Grooming",
|
||||
subtitle: "Specialized care for men",
|
||||
features: [
|
||||
"Precision Haircut",
|
||||
"Beard Styling",
|
||||
"Hair Spa Treatment",
|
||||
"Face Cleanup",
|
||||
"Relaxing Massage",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "women",
|
||||
badge: "Women",
|
||||
price: "Beauty",
|
||||
subtitle: "Luxury beauty services",
|
||||
features: [
|
||||
"Haircut & Styling",
|
||||
"Facial & Skincare",
|
||||
"Professional Makeup",
|
||||
"Manicure & Pedicure",
|
||||
"Hair Coloring",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "common",
|
||||
badge: "Common",
|
||||
price: "Wellness",
|
||||
subtitle: "Care for everyone",
|
||||
features: [
|
||||
"Deep Hair Spa",
|
||||
"Skincare Therapy",
|
||||
"Full Grooming",
|
||||
"Scalp Treatment",
|
||||
"Anti-Aging Treatment",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "men", badge: "Men", price: "Grooming", subtitle: "Specialized care for men", features: ["Precision Haircut", "Beard Styling", "Hair Spa Treatment", "Face Cleanup", "Relaxing Massage"], buttons: [{ text: "Book Now", href: "https://wa.me/919999999999" }] },
|
||||
{ id: "women", badge: "Women", price: "Beauty", subtitle: "Luxury beauty services", features: ["Haircut & Styling", "Facial & Skincare", "Professional Makeup", "Manicure & Pedicure", "Hair Coloring"], buttons: [{ text: "Book Now", href: "https://wa.me/919999999999" }] },
|
||||
{ id: "common", badge: "Common", price: "Wellness", subtitle: "Care for everyone", features: ["Deep Hair Spa", "Skincare Therapy", "Full Grooming", "Scalp Treatment", "Anti-Aging Treatment"], buttons: [{ text: "Book Now", href: "https://wa.me/919999999999" }] },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium grooming and beauty treatments for a sophisticated lifestyle."
|
||||
@@ -163,60 +85,8 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Saivex",
|
||||
name: "Haircut Session",
|
||||
price: "Expert",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Saivex",
|
||||
name: "Styling",
|
||||
price: "Trend",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Saivex",
|
||||
name: "Facial",
|
||||
price: "Luxury",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
brand: "Saivex",
|
||||
name: "Grooming",
|
||||
price: "Precision",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
brand: "Saivex",
|
||||
name: "Hair Spa",
|
||||
price: "Relaxing",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
brand: "Saivex",
|
||||
name: "Makeup",
|
||||
price: "Glam",
|
||||
rating: 5,
|
||||
reviewCount: "70+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=6",
|
||||
},
|
||||
{ id: "g1", brand: "Saivex", name: "Haircut Session", price: "Expert", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=1" },
|
||||
{ id: "g2", brand: "Saivex", name: "Styling", price: "Trend", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=2" },
|
||||
]}
|
||||
title="Our Salon Gallery"
|
||||
description="Visual highlights from our Nashik studio."
|
||||
@@ -229,30 +99,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Expert Professionals",
|
||||
value: "10+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Hygienic Environment",
|
||||
value: "100%",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Satisfied Clients",
|
||||
value: "500+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Affordable Price",
|
||||
value: "Yes",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{ id: "m1", title: "Expert Professionals", value: "10+", icon: Award },
|
||||
{ id: "m2", title: "Hygienic Environment", value: "100%", icon: Shield },
|
||||
{ id: "m3", title: "Satisfied Clients", value: "500+", icon: CheckCircle },
|
||||
{ id: "m4", title: "Affordable Price", value: "Yes", icon: Sparkles },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Your preferred salon in Nashik."
|
||||
@@ -265,51 +115,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anjali K.",
|
||||
handle: "@anjali_n",
|
||||
testimonial: "The best unisex salon in Nashik! Great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=2",
|
||||
imageAlt: "unisex salon interior modern",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rahul P.",
|
||||
handle: "@rahul_p",
|
||||
testimonial: "Highly professional haircut and beard styling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=1",
|
||||
imageAlt: "clean salon equipment",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Priya S.",
|
||||
handle: "@priya_s",
|
||||
testimonial: "Amazing facial, felt so rejuvenated!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-best-friends-posing-indoors_273609-6501.jpg?_wi=7",
|
||||
imageAlt: "modern haircut man barber",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sanjay D.",
|
||||
handle: "@sanjay_d",
|
||||
testimonial: "Hygienic and friendly staff. Love coming here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=3",
|
||||
imageAlt: "unisex salon interior modern",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Neha M.",
|
||||
handle: "@neha_m",
|
||||
testimonial: "Affordable and excellent grooming quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=2",
|
||||
imageAlt: "clean salon equipment",
|
||||
},
|
||||
{ id: "t1", name: "Anjali K.", handle: "@anjali_n", testimonial: "The best unisex salon in Nashik! Great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=2" },
|
||||
{ id: "t2", name: "Rahul P.", handle: "@rahul_p", testimonial: "Highly professional haircut and beard styling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=1" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Clients Say"
|
||||
@@ -323,23 +130,10 @@ export default function LandingPage() {
|
||||
title="Contact Us"
|
||||
description="Schedule your appointment today!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your request or question",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your request or question" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-people-discussing-about-fashion-trends-assortments-retail-store_482257-109853.jpg?_wi=4"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -348,30 +142,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Address: Nashik, Maharashtra",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Book Appointment", href: "https://wa.me/919999999999" }, { label: "Services", href: "#pricing" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Visit Us: Nashik, Maharashtra" }] },
|
||||
]}
|
||||
logoText="Saivex 156"
|
||||
/>
|
||||
@@ -379,4 +151,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,12 +10,12 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fcfaf7;
|
||||
--card: #f4ede6;
|
||||
--foreground: #2a221b;
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #c5a059;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #fcfaf7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2a221b;
|
||||
--accent: #d4c5a9;
|
||||
--background-accent: #e6e0d5;
|
||||
|
||||
Reference in New Issue
Block a user