Merge version_1 into main #1
327
src/app/page.tsx
327
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
]}
|
||||
brandName="Beauty n Style"
|
||||
/>
|
||||
@@ -58,93 +43,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience Timeless Beauty"
|
||||
description="At Beauty n Style, we bring out your best with professional hair, skincare, and bridal services in a relaxing, luxury atmosphere."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and friendly staff. Truly the best salon in Farwaniya!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
|
||||
},
|
||||
{
|
||||
name: "Nilima B.",
|
||||
handle: "@nilimab",
|
||||
testimonial: "Satisfied with the Nanoplastia service. Professional and great results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-attractive-girl-home_1153-702.jpg",
|
||||
},
|
||||
{
|
||||
name: "Suraya B.",
|
||||
handle: "@surayab",
|
||||
testimonial: "Best salon for hair and eyebrow treatments. Highly satisfied!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-smiling-lady-with-long-wavy-dark-hair-is-touching-hair-looking-camera-home_291650-2384.jpg",
|
||||
},
|
||||
{
|
||||
name: "Remiya S.",
|
||||
handle: "@remiyas",
|
||||
testimonial: "Excellent service with affordable prices. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane S.",
|
||||
handle: "@janes",
|
||||
testimonial: "Amazing facial and manicure! Worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent service and friendly staff. Truly the best salon in Farwaniya!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg" },
|
||||
{ name: "Nilima B.", handle: "@nilimab", testimonial: "Satisfied with the Nanoplastia service. Professional and great results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-attractive-girl-home_1153-702.jpg" },
|
||||
{ name: "Suraya B.", handle: "@surayab", testimonial: "Best salon for hair and eyebrow treatments. Highly satisfied!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-smiling-lady-with-long-wavy-dark-hair-is-touching-hair-looking-camera-home_291650-2384.jpg" },
|
||||
{ name: "Remiya S.", handle: "@remiyas", testimonial: "Excellent service with affordable prices. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg" },
|
||||
{ name: "Jane S.", handle: "@janes", testimonial: "Amazing facial and manicure! Worth every penny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg",
|
||||
alt: "Client avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
|
||||
alt: "Client avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-sink-decoration-with-vintage-style_1150-10826.jpg",
|
||||
alt: "Client avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",
|
||||
alt: "Client avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg",
|
||||
alt: "Client avatar 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg", alt: "Client avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg", alt: "Client avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vintage-sink-decoration-with-vintage-style_1150-10826.jpg", alt: "Client avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg", alt: "Client avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg", alt: "Client avatar 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Hair Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Spa Services",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bridal Beauty",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skin Rejuvenation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Styling",
|
||||
},
|
||||
{ type: "text", text: "Professional Hair Care" },
|
||||
{ type: "text", text: "Premium Spa Services" },
|
||||
{ type: "text", text: "Bridal Beauty" },
|
||||
{ type: "text", text: "Skin Rejuvenation" },
|
||||
{ type: "text", text: "Expert Styling" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,18 +78,9 @@ export default function LandingPage() {
|
||||
title="Professional Care & Relaxation"
|
||||
description="We are dedicated to providing high-quality beauty and relaxation treatments. Our expert team ensures you leave feeling refreshed and confident."
|
||||
metrics={[
|
||||
{
|
||||
value: "8+ Years",
|
||||
title: "Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
{ value: "8+ Years", title: "Experience" },
|
||||
{ value: "100%", title: "Customer Satisfaction" },
|
||||
{ value: "1000+", title: "Satisfied Clients" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -180,21 +94,9 @@ export default function LandingPage() {
|
||||
title="Our Expert Services"
|
||||
description="We offer a wide range of beauty treatments tailored to your unique needs."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Skincare & Facials",
|
||||
content: "Experience our signature Hydra Facials, fruit facials, and specialized acne treatments for glowing, healthy skin.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Hair Care",
|
||||
content: "From professional haircuts and blow drys to advanced treatments like Nanoplastia and Keratin.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Body Treatments",
|
||||
content: "Relax with our soothing massage sessions and expert body waxing services.",
|
||||
},
|
||||
{ id: "1", title: "Skincare & Facials", content: "Experience our signature Hydra Facials, fruit facials, and specialized acne treatments for glowing, healthy skin." },
|
||||
{ id: "2", title: "Hair Care", content: "From professional haircuts and blow drys to advanced treatments like Nanoplastia and Keratin." },
|
||||
{ id: "3", title: "Body Treatments", content: "Relax with our soothing massage sessions and expert body waxing services." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spa-concept-with-facial-creme-woman_23-2147821151.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -208,42 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hydra Facial",
|
||||
price: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-head-client-after-dyeing_23-2147769789.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pedicure & Manicure",
|
||||
price: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-nail-file-close-up_23-2149171315.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hair Spa & Treatment",
|
||||
price: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167391.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Eyebrow Shaping",
|
||||
price: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037155.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Body Waxing",
|
||||
price: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-glitter-nail-design-holding-black-cup_127675-2842.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bridal Services",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230918.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Hydra Facial", price: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-washing-head-client-after-dyeing_23-2147769789.jpg" },
|
||||
{ id: "p2", name: "Pedicure & Manicure", price: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-nail-file-close-up_23-2149171315.jpg" },
|
||||
{ id: "p3", name: "Hair Spa & Treatment", price: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167391.jpg" },
|
||||
{ id: "p4", name: "Eyebrow Shaping", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037155.jpg" },
|
||||
{ id: "p5", name: "Body Waxing", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-glitter-nail-design-holding-black-cup_127675-2842.jpg" },
|
||||
{ id: "p6", name: "Bridal Services", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230918.jpg" }
|
||||
]}
|
||||
title="Recommended Treatments"
|
||||
description="Explore our top-tier services and treatments that clients love."
|
||||
@@ -256,24 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Shery",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ananya",
|
||||
role: "Skincare Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Priya",
|
||||
role: "Hair Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-drag-queens-getting-ready_23-2149247297.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Shery", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg" },
|
||||
{ id: "t2", name: "Ananya", role: "Skincare Specialist", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg" },
|
||||
{ id: "t3", name: "Priya", role: "Hair Technician", imageSrc: "http://img.b2bpic.net/free-photo/close-up-drag-queens-getting-ready_23-2149247297.jpg" }
|
||||
]}
|
||||
title="Our Professional Team"
|
||||
description="Friendly, professional, and dedicated to your beauty goals."
|
||||
@@ -282,49 +139,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and friendly staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-blond-smiling-woman-red-blouse-summer-fashion-outfit-wearing-earrings-smiling_285396-8467.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nilima B.",
|
||||
handle: "@nilimab",
|
||||
testimonial: "Satisfied with the service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-elegant-clothes-office_291650-564.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Suraya B.",
|
||||
handle: "@surayab",
|
||||
testimonial: "Best salon for hair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Remiya S.",
|
||||
handle: "@remiyas",
|
||||
testimonial: "Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-brunette-girl-white-hoodie-closing-her-eyes-laughs-covering-face-with-hand-indoors_197531-33296.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane S.",
|
||||
handle: "@janes",
|
||||
testimonial: "Amazing facial experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-with-towel-head-smiling-resting-spa-salon_176420-12913.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent service and friendly staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-blond-smiling-woman-red-blouse-summer-fashion-outfit-wearing-earrings-smiling_285396-8467.jpg" },
|
||||
{ id: "2", name: "Nilima B.", handle: "@nilimab", testimonial: "Satisfied with the service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-elegant-clothes-office_291650-564.jpg" },
|
||||
{ id: "3", name: "Suraya B.", handle: "@surayab", testimonial: "Best salon for hair.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg" },
|
||||
{ id: "4", name: "Remiya S.", handle: "@remiyas", testimonial: "Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-brunette-girl-white-hoodie-closing-her-eyes-laughs-covering-face-with-hand-indoors_197531-33296.jpg" },
|
||||
{ id: "5", name: "Jane S.", handle: "@janes", testimonial: "Amazing facial experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-with-towel-head-smiling-resting-spa-salon_176420-12913.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Clients"
|
||||
@@ -337,21 +160,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we highly recommend booking in advance via our WhatsApp link.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash and digital payments as standard.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer bridal packages?",
|
||||
content: "Yes, we specialize in bridal makeup and hair services.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking in advance via our WhatsApp link." },
|
||||
{ id: "f2", title: "What payment methods do you accept?", content: "We accept cash and digital payments as standard." },
|
||||
{ id: "f3", title: "Do you offer bridal packages?", content: "Yes, we specialize in bridal makeup and hair services." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-doctor_23-2149311362.jpg"
|
||||
title="Common Questions"
|
||||
@@ -363,9 +174,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Ready for a transformation? Reach out to us today to book your next beauty session."
|
||||
@@ -378,43 +187,23 @@ export default function LandingPage() {
|
||||
logoText="Beauty n Style"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Haircut",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Facials",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Bridal",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Haircut", href: "#services" },
|
||||
{ label: "Facials", href: "#services" },
|
||||
{ label: "Bridal", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Reviews", href: "#testimonials" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user