Merge version_1 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="The Beauty Hub"
|
||||
/>
|
||||
@@ -61,92 +51,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unwind and Glow at The Beauty Hub"
|
||||
description="Premium beauty services curated for the modern woman. Experience rejuvenation in a luxury setting designed for ultimate comfort."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@annasbeauty",
|
||||
testimonial: "The best manicure experience I've had in years. So relaxing!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-female-model_23-2148398609.jpg",
|
||||
},
|
||||
name: "Anna S.", handle: "@annasbeauty", testimonial: "The best manicure experience I've had in years. So relaxing!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-female-model_23-2148398609.jpg"},
|
||||
{
|
||||
name: "Maria K.",
|
||||
handle: "@mariak",
|
||||
testimonial: "Professional, clean, and so welcoming. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-smiley-doctor-s-appointment_23-2149313522.jpg",
|
||||
},
|
||||
name: "Maria K.", handle: "@mariak", testimonial: "Professional, clean, and so welcoming. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-smiley-doctor-s-appointment_23-2149313522.jpg"},
|
||||
{
|
||||
name: "Chloe T.",
|
||||
handle: "@chloet",
|
||||
testimonial: "My skin has never felt better. The facial was amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-expressing-revolution-message_23-2149066839.jpg",
|
||||
},
|
||||
name: "Chloe T.", handle: "@chloet", testimonial: "My skin has never felt better. The facial was amazing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-expressing-revolution-message_23-2149066839.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Great service and wonderful staff. A true sanctuary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-with-bathrobe-spa_23-2148206162.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Great service and wonderful staff. A true sanctuary.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-with-bathrobe-spa_23-2148206162.jpg"},
|
||||
{
|
||||
name: "Jane L.",
|
||||
handle: "@janel",
|
||||
testimonial: "The perfect escape. Loved my new look!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg",
|
||||
},
|
||||
name: "Jane L.", handle: "@janel", testimonial: "The perfect escape. Loved my new look!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg"
|
||||
imageAlt="elegant beauty salon interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059673.jpg",
|
||||
alt: "Rendering of elegant neoclassical interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059673.jpg", alt: "Rendering of elegant neoclassical interior"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500998.jpg",
|
||||
alt: "Anime style beauty salon with cosmetology equipment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500998.jpg", alt: "Anime style beauty salon with cosmetology equipment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg",
|
||||
alt: "Winter season lodging entrance",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg", alt: "Winter season lodging entrance"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg",
|
||||
alt: "Armchair and couch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg", alt: "Armchair and couch"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg",
|
||||
alt: "elegant beauty salon interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg", alt: "elegant beauty salon interior"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Skincare",
|
||||
},
|
||||
type: "text", text: "Organic Skincare"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Styling",
|
||||
},
|
||||
type: "text", text: "Professional Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Relaxing Spa",
|
||||
},
|
||||
type: "text", text: "Relaxing Spa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Grooming",
|
||||
},
|
||||
type: "text", text: "Luxury Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Artists",
|
||||
},
|
||||
type: "text", text: "Expert Artists"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,19 +108,13 @@ export default function LandingPage() {
|
||||
description="At The Beauty Hub, we believe self-care is essential. Our team of experts is dedicated to enhancing your natural radiance through premium treatments and a serene environment."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Care",
|
||||
description: "Highly trained specialists in hair, skin, and nails.",
|
||||
},
|
||||
title: "Expert Care", description: "Highly trained specialists in hair, skin, and nails."},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "We only use the finest salon-grade skincare products.",
|
||||
},
|
||||
title: "Premium Products", description: "We only use the finest salon-grade skincare products."},
|
||||
{
|
||||
title: "Relaxed Vibe",
|
||||
description: "A tranquil atmosphere designed for your complete relaxation.",
|
||||
},
|
||||
title: "Relaxed Vibe", description: "A tranquil atmosphere designed for your complete relaxation."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16773.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16773.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="modern salon interior"
|
||||
/>
|
||||
@@ -184,28 +127,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Skincare Treatments",
|
||||
description: "Customized facials for glowing, healthy skin.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466356.jpg",
|
||||
imageAlt: "facial skincare treatment",
|
||||
title: "Skincare Treatments", description: "Customized facials for glowing, healthy skin.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Manicure & Pedicure",
|
||||
description: "Expert nail care for perfectly groomed hands and feet.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg?_wi=2",
|
||||
imageAlt: "facial skincare treatment",
|
||||
title: "Manicure & Pedicure", description: "Expert nail care for perfectly groomed hands and feet.", bentoComponent: "reveal-icon", icon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Hair Studio",
|
||||
description: "Professional cutting, coloring, and styling services.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16773.jpg?_wi=2",
|
||||
imageAlt: "facial skincare treatment",
|
||||
title: "Hair Studio", description: "Professional cutting, coloring, and styling services.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -220,37 +148,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$75",
|
||||
subtitle: "Basic Grooming",
|
||||
features: [
|
||||
"Quick Facial",
|
||||
"Manicure",
|
||||
"Basic Hair Trim",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$75", subtitle: "Basic Grooming", features: [
|
||||
"Quick Facial", "Manicure", "Basic Hair Trim"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$150",
|
||||
subtitle: "Total Rejuvenation",
|
||||
features: [
|
||||
"Deep Cleansing Facial",
|
||||
"Spa Manicure",
|
||||
"Hair Styling",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$150", subtitle: "Total Rejuvenation", features: [
|
||||
"Deep Cleansing Facial", "Spa Manicure", "Hair Styling"],
|
||||
},
|
||||
{
|
||||
id: "deluxe",
|
||||
badge: "Premium",
|
||||
price: "$250",
|
||||
subtitle: "The Ultimate Glow",
|
||||
features: [
|
||||
"Luxury Facial",
|
||||
"Spa Mani-Pedi",
|
||||
"Full Hair Treatment",
|
||||
],
|
||||
id: "deluxe", badge: "Premium", price: "$250", subtitle: "The Ultimate Glow", features: [
|
||||
"Luxury Facial", "Spa Mani-Pedi", "Full Hair Treatment"],
|
||||
},
|
||||
]}
|
||||
title="Luxury Packages"
|
||||
@@ -266,23 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena V.",
|
||||
role: "Lead Aesthetician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena V.", role: "Lead Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Chloe M.",
|
||||
role: "Hair Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/her-predictions-are-going-good-direction_329181-18104.jpg",
|
||||
},
|
||||
id: "t2", name: "Chloe M.", role: "Hair Stylist", imageSrc: "http://img.b2bpic.net/free-photo/her-predictions-are-going-good-direction_329181-18104.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jasmine R.",
|
||||
role: "Nail Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-with-crossed-arms-gesture_53876-108629.jpg",
|
||||
},
|
||||
id: "t3", name: "Jasmine R.", role: "Nail Artist", imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-with-crossed-arms-gesture_53876-108629.jpg"},
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="The dedicated artists behind your favorite looks."
|
||||
@@ -297,45 +192,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophia",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-female-friend-looking-camera-through-wooden-frame-against-grey-backdrop_23-2148178785.jpg",
|
||||
},
|
||||
id: "t1", name: "Sophia", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-female-friend-looking-camera-through-wooden-frame-against-grey-backdrop_23-2148178785.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bella",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-client_23-2148766585.jpg",
|
||||
},
|
||||
id: "t2", name: "Bella", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-client_23-2148766585.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ava",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-sweet-moments_23-2148661106.jpg",
|
||||
},
|
||||
id: "t3", name: "Ava", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-sweet-moments_23-2148661106.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mia",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-148023.jpg",
|
||||
},
|
||||
id: "t4", name: "Mia", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-148023.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Olivia",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg",
|
||||
},
|
||||
id: "t5", name: "Olivia", role: "Client", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why our clients keep coming back."
|
||||
@@ -348,20 +218,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "Yes, we recommend booking in advance to secure your preferred slot.",
|
||||
},
|
||||
id: "f1", title: "Do I need to book an appointment?", content: "Yes, we recommend booking in advance to secure your preferred slot."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What products do you use?",
|
||||
content: "We use professional, salon-grade products tailored to your needs.",
|
||||
},
|
||||
id: "f2", title: "What products do you use?", content: "We use professional, salon-grade products tailored to your needs."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open on weekends to accommodate your busy schedule.",
|
||||
},
|
||||
id: "f3", title: "Are you open on weekends?", content: "Yes, we are open on weekends to accommodate your busy schedule."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our salon."
|
||||
@@ -373,8 +234,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join Our Mailing List"
|
||||
description="Subscribe for updates, exclusive offers, and beauty tips."
|
||||
@@ -385,33 +245,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user