Merge version_1 into main #1
308
src/app/page.tsx
308
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Booking", id: "contact" },
|
||||
]}
|
||||
brandName="Aura Luxury"
|
||||
/>
|
||||
@@ -54,37 +42,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background="sparkles-gradient"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Premium Beauty Experience"
|
||||
description="Indulge in unparalleled elegance and sophisticated care. Our team of world-class stylists and aestheticians create moments of pure luxury designed specifically for you."
|
||||
tag="EXCLUSIVITY REDEFINED"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Termin buchen",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Jetzt Termin buchen", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-dark-red-lips-color-clean-healthy-skin-face-studio-lights_158538-14321.jpg",
|
||||
imageAlt: "Luxury Salon Hero",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-dark-red-lips-color-clean-healthy-skin-face-studio-lights_158538-14321.jpg", imageAlt: "Luxury Salon Hero"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",
|
||||
imageAlt: "Luxury Salon Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-half-face-woman-looks-camera-isolated-black-background_8353-6155.jpg",
|
||||
imageAlt: "Beautiful half face woman",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg",
|
||||
imageAlt: "Lounge lobby area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg",
|
||||
imageAlt: "Luxury modern apartment interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg", imageAlt: "Luxury Salon Interior"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -98,18 +67,9 @@ export default function LandingPage() {
|
||||
title="Our Signature Philosophy"
|
||||
description="With over two decades of excellence, Aura Luxury blends precision artistry with soulful relaxation. We treat every client as a masterpiece, ensuring an environment where beauty transcends aesthetics."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years of Prestige",
|
||||
},
|
||||
{
|
||||
value: "20k",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Pure Quality",
|
||||
},
|
||||
{ value: "15+", title: "Years of Prestige" },
|
||||
{ value: "20k", title: "Happy Clients" },
|
||||
{ value: "100%", title: "Pure Quality" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-female-hairdresser-drying-woman-s-hair-styling-using-blow-dryer-hairdressing-saloon-salon_231208-10714.jpg"
|
||||
imageAlt="Our Stylists"
|
||||
@@ -125,34 +85,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Luxury Styling",
|
||||
title: "Hair & Scalp Care",
|
||||
items: [
|
||||
"Executive Cut & Style",
|
||||
"Bespoke Coloring",
|
||||
"Keratin Therapy",
|
||||
],
|
||||
id: "1", label: "Luxury Styling", title: "Hair & Scalp Care", items: [
|
||||
"Executive Cut & Style", "Bespoke Coloring", "Keratin Therapy"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Junior VIP",
|
||||
title: "Kids Services",
|
||||
items: [
|
||||
"First Haircut Experience",
|
||||
"Trend Styling",
|
||||
"Gentle Care",
|
||||
],
|
||||
id: "2", label: "Junior VIP", title: "Kids Services", items: [
|
||||
"First Haircut Experience", "Trend Styling", "Gentle Care"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Skin Glow",
|
||||
title: "Facial & Makeup",
|
||||
items: [
|
||||
"Glow Enhancing Facials",
|
||||
"Red Carpet Makeup",
|
||||
"Skincare Consultations",
|
||||
],
|
||||
id: "3", label: "Skin Glow", title: "Facial & Makeup", items: [
|
||||
"Glow Enhancing Facials", "Red Carpet Makeup", "Skincare Consultations"],
|
||||
},
|
||||
]}
|
||||
title="Exquisite Salon Services"
|
||||
@@ -168,59 +110,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Aura",
|
||||
name: "Signature Serum",
|
||||
price: "€89",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-pump-bottle-mockup-white_187299-48006.jpg",
|
||||
},
|
||||
id: "p1", brand: "Aura", name: "Signature Serum", price: "€89", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-pump-bottle-mockup-white_187299-48006.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Aura",
|
||||
name: "Radiance Oil",
|
||||
price: "€75",
|
||||
rating: 5,
|
||||
reviewCount: "840",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-product-with-gift-box-balloons-black-background_187299-46830.jpg",
|
||||
},
|
||||
id: "p2", brand: "Aura", name: "Radiance Oil", price: "€75", rating: 5,
|
||||
reviewCount: "840", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-tube-product-with-gift-box-balloons-black-background_187299-46830.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Aura",
|
||||
name: "Deep Hydrate Cream",
|
||||
price: "€120",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578623.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Aura",
|
||||
name: "Volume Mist",
|
||||
price: "€65",
|
||||
rating: 5,
|
||||
reviewCount: "920",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-35033.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Aura",
|
||||
name: "Essence Oil",
|
||||
price: "€95",
|
||||
rating: 5,
|
||||
reviewCount: "650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-with-products-high-angle_23-2149879968.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Aura",
|
||||
name: "Night Treatment",
|
||||
price: "€145",
|
||||
rating: 5,
|
||||
reviewCount: "3.4k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-lipstick_23-2149030357.jpg",
|
||||
},
|
||||
id: "p3", brand: "Aura", name: "Deep Hydrate Cream", price: "€120", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578623.jpg"},
|
||||
]}
|
||||
title="Premium Rituals"
|
||||
description="Extend your salon glow with our hand-selected professional care line."
|
||||
@@ -231,31 +128,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sophie Müller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-posing-with-cup-coffee_23-2147670333.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-glamorous-lady_23-2148398559.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Schmidt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julia Weber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Klein",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-fashionable-attractive-models-with-stylish-makeup-luxury-coiffure-having-fun-together-haidresser-salon_197531-3688.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sophie Müller", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-posing-with-cup-coffee_23-2147670333.jpg" },
|
||||
{ id: "2", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-glamorous-lady_23-2148398559.jpg" },
|
||||
{ id: "3", name: "Marcus Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
|
||||
{ id: "4", name: "Julia Weber", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg" },
|
||||
{ id: "5", name: "Sarah Klein", imageSrc: "http://img.b2bpic.net/free-photo/two-fashionable-attractive-models-with-stylish-makeup-luxury-coiffure-having-fun-together-haidresser-salon_197531-3688.jpg" },
|
||||
]}
|
||||
cardTitle="Client Elegance"
|
||||
cardTag="LOVE FROM CLIENTS"
|
||||
@@ -270,52 +147,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan1",
|
||||
tag: "Essentials",
|
||||
price: "€85",
|
||||
period: "Session",
|
||||
description: "Classic hair care refresh.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Cut & Blowdry",
|
||||
"Scalp Massage",
|
||||
],
|
||||
id: "plan1", tag: "Essentials", price: "€85", period: "Session", description: "Classic hair care refresh.", button: { text: "Book Now" },
|
||||
featuresTitle: "Included", features: ["Consultation", "Cut & Blowdry", "Scalp Massage"],
|
||||
},
|
||||
{
|
||||
id: "plan2",
|
||||
tag: "Premium",
|
||||
price: "€160",
|
||||
period: "Session",
|
||||
description: "The ultimate transformation.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Coloring",
|
||||
"Gloss Treatment",
|
||||
"Repair Mask",
|
||||
],
|
||||
id: "plan2", tag: "Premium", price: "€160", period: "Session", description: "The ultimate transformation.", button: { text: "Book Now" },
|
||||
featuresTitle: "Included", features: ["Coloring", "Gloss Treatment", "Repair Mask"],
|
||||
},
|
||||
{
|
||||
id: "plan3",
|
||||
tag: "Elite",
|
||||
price: "€280",
|
||||
period: "Package",
|
||||
description: "Total beauty immersion.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Full Color",
|
||||
"Facial Treatment",
|
||||
"Luxury Blowdry",
|
||||
],
|
||||
id: "plan3", tag: "Elite", price: "€280", period: "Package", description: "Total beauty immersion.", button: { text: "Book Now" },
|
||||
featuresTitle: "Included", features: ["Full Color", "Facial Treatment", "Luxury Blowdry"],
|
||||
},
|
||||
]}
|
||||
title="Investment in Yourself"
|
||||
@@ -329,33 +170,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Consistent luxury reviews",
|
||||
"Repeat booking rate",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k",
|
||||
title: "Styles Created",
|
||||
items: [
|
||||
"Professional hair styling",
|
||||
"Makeover experts",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45+",
|
||||
title: "Awards Won",
|
||||
items: [
|
||||
"Local salon honors",
|
||||
"International style awards",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Client Satisfaction", items: ["Consistent luxury reviews", "Repeat booking rate"] },
|
||||
{ id: "m2", value: "12k", title: "Styles Created", items: ["Professional hair styling", "Makeover experts"] },
|
||||
{ id: "m3", value: "45+", title: "Awards Won", items: ["Local salon honors", "International style awards"] },
|
||||
]}
|
||||
title="Achievements"
|
||||
description="Reflecting on our standard of excellence."
|
||||
@@ -365,7 +182,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background="sparkles-gradient"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="CONTACT US"
|
||||
title="Book Your Visit"
|
||||
description="Ready to experience the Aura? Secure your slot today."
|
||||
@@ -382,50 +199,23 @@ export default function LandingPage() {
|
||||
logoText="AURA LUXURY"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Hair Styling",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Kids Salon",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Facial Care",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Hair Styling", href: "#services" },
|
||||
{ label: "Kids Salon", href: "#services" },
|
||||
{ label: "Facial Care", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Imprint",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Terms", href: "#" },
|
||||
{ label: "Imprint", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user