Merge version_1 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "booking",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Book Now", id: "booking" }
|
||||
]}
|
||||
brandName="MY3 Unisex Salon"
|
||||
/>
|
||||
@@ -52,43 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Perfect Look Starts Here ✨"
|
||||
description="Experience premium hair, skin, and beauty services in the heart of Beeramguda. Our expert team ensures you leave looking and feeling your absolute best."
|
||||
tag="Trusted by 600+ Clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
{
|
||||
text: "Book on WhatsApp",
|
||||
href: "https://wa.me/910000000000",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+910000000000" },
|
||||
{ text: "Book on WhatsApp", href: "https://wa.me/910000000000" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg?_wi=1",
|
||||
imageAlt: "Luxurious salon interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5403.jpg?_wi=1",
|
||||
imageAlt: "Professional salon service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg?_wi=1",
|
||||
imageAlt: "Expert hair styling service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860802.jpg?_wi=1",
|
||||
imageAlt: "Professional bridal makeover",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg?_wi=1",
|
||||
imageAlt: "Premium hair extensions",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg", imageAlt: "Luxurious salon interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5403.jpg", imageAlt: "Professional salon service" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.6}
|
||||
@@ -103,41 +65,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hair Care",
|
||||
description: "Expert haircuts, styling, coloring, and extensions.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg?_wi=2",
|
||||
imageAlt: "luxury salon interior design minimalist",
|
||||
title: "Hair Care", description: "Expert haircuts, styling, coloring, and extensions.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Skin & Beauty",
|
||||
description: "Professional facials, waxing, and laser hair removal services.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4203.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4203.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5403.jpg?_wi=2",
|
||||
imageAlt: "professional haircut salon service",
|
||||
},
|
||||
{
|
||||
title: "Bridal & Nails",
|
||||
description: "Stunning bridal makeovers, acrylic nails, and pedicures.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860802.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860802.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg?_wi=4",
|
||||
imageAlt: "haircutting and styling salon",
|
||||
},
|
||||
title: "Skin & Beauty", description: "Professional facials, waxing, and laser hair removal services.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4203.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4203.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Premium Beauty Services"
|
||||
@@ -151,26 +85,10 @@ export default function LandingPage() {
|
||||
title="Why Choose MY3?"
|
||||
tag="Professional Standards"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "600+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "7",
|
||||
description: "Days Open",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100%",
|
||||
description: "Hygiene Guaranteed",
|
||||
},
|
||||
{ id: "m1", value: "10+", description: "Years of Experience" },
|
||||
{ id: "m2", value: "600+", description: "Happy Clients" },
|
||||
{ id: "m3", value: "7", description: "Days Open" },
|
||||
{ id: "m4", value: "100%", description: "Hygiene Guaranteed" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -180,31 +98,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-apply-eyeliner-crop-model_23-2147783932.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-customer-talking-hair-salon_329181-1940.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-getting-ready_23-2149722037.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya S",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-woman-leaning-wall_1262-1743.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg" },
|
||||
{ id: "2", name: "Michael C", imageSrc: "http://img.b2bpic.net/free-photo/makeup-artist-apply-eyeliner-crop-model_23-2147783932.jpg" },
|
||||
{ id: "3", name: "Emily R", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-customer-talking-hair-salon_329181-1940.jpg" },
|
||||
{ id: "4", name: "David K", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-getting-ready_23-2149722037.jpg" },
|
||||
{ id: "5", name: "Priya S", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-woman-leaning-wall_1262-1743.jpg" }
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Customer Reviews"
|
||||
@@ -219,48 +117,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Hair Style",
|
||||
price: "Transformed",
|
||||
variant: "Color",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Bridal Look",
|
||||
price: "Bridal",
|
||||
variant: "Makeup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-pretty-woman-relaxing-bedroom-brides-morning_8353-6168.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Skin Care",
|
||||
price: "Glowing",
|
||||
variant: "Facial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-females_23-2148880250.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Coloring",
|
||||
price: "Vibrant",
|
||||
variant: "Balayage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-away-with-glad-expression-dyed-hair-recalls-something-pleasant-wears-sleepmask-forehead-pajama-smiles-gently-poses-pink_273609-54556.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Bridal Makeup",
|
||||
price: "Elegant",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-as-bride-leaning-against-wall_1153-513.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Hair Extensions",
|
||||
price: "Volume",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg?_wi=2",
|
||||
},
|
||||
{ id: "g1", name: "Hair Style", price: "Transformed", variant: "Color", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg" },
|
||||
{ id: "g2", name: "Bridal Look", price: "Bridal", variant: "Makeup", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-pretty-woman-relaxing-bedroom-brides-morning_8353-6168.jpg" },
|
||||
{ id: "g3", name: "Skin Care", price: "Glowing", variant: "Facial", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-females_23-2148880250.jpg" }
|
||||
]}
|
||||
title="Transformations Gallery"
|
||||
description="See the results of our professional styling and beauty services."
|
||||
@@ -270,19 +129,11 @@ export default function LandingPage() {
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to book your transformation? Contact us today to secure your appointment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "tel:+910000000000",
|
||||
},
|
||||
{
|
||||
text: "Chat on WhatsApp",
|
||||
href: "https://wa.me/910000000000",
|
||||
},
|
||||
{ text: "Book Appointment", href: "tel:+910000000000" },
|
||||
{ text: "Chat on WhatsApp", href: "https://wa.me/910000000000" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user