Merge version_2 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
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="Phikul Thai Massage"
|
||||
/>
|
||||
@@ -59,108 +49,60 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Thai Healing"
|
||||
description="Experience the ancient art of Thai massage in a sanctuary of peace and rejuvenation. Let our professional therapists restore your balance and energy."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jane D.",
|
||||
handle: "@janed",
|
||||
testimonial: "The best Thai massage I've ever had in the city. Truly authentic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-drink-table_23-2149860543.jpg?_wi=1",
|
||||
imageAlt: "thai massage serene environment",
|
||||
},
|
||||
name: "Jane D.", handle: "@janed", testimonial: "The best Thai massage I've ever had in the city. Truly authentic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-drink-table_23-2149860543.jpg?_wi=1", imageAlt: "thai massage serene environment"},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Rejuvenating and incredibly professional. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178220.jpg?_wi=1",
|
||||
imageAlt: "massage therapist hands working",
|
||||
},
|
||||
name: "Mark S.", handle: "@marks", testimonial: "Rejuvenating and incredibly professional. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178220.jpg?_wi=1", imageAlt: "massage therapist hands working"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "A sanctuary of calm. I feel completely brand new.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-bath-salt-black-massage-hot-stones-spa-salon-concept_1150-3067.jpg?_wi=1",
|
||||
imageAlt: "aromatherapy massage oils herbs",
|
||||
},
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "A sanctuary of calm. I feel completely brand new.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-bath-salt-black-massage-hot-stones-spa-salon-concept_1150-3067.jpg?_wi=1", imageAlt: "aromatherapy massage oils herbs"},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "@tomb",
|
||||
testimonial: "The attention to detail here is unmatched. Absolute bliss.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-spa-treatment-with-stones_23-2148345667.jpg?_wi=1",
|
||||
imageAlt: "hot stone massage relaxing",
|
||||
},
|
||||
name: "Tom B.", handle: "@tomb", testimonial: "The attention to detail here is unmatched. Absolute bliss.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-spa-treatment-with-stones_23-2148345667.jpg?_wi=1", imageAlt: "hot stone massage relaxing"},
|
||||
{
|
||||
name: "Lisa K.",
|
||||
handle: "@lisak",
|
||||
testimonial: "Every session is a perfect reset for my busy schedule.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herbal-spa-treatment-equipments-put-wooden-floor_1150-34512.jpg?_wi=1",
|
||||
imageAlt: "herbal compress ball thai massage",
|
||||
},
|
||||
name: "Lisa K.", handle: "@lisak", testimonial: "Every session is a perfect reset for my busy schedule.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herbal-spa-treatment-equipments-put-wooden-floor_1150-34512.jpg?_wi=1", imageAlt: "herbal compress ball thai massage"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-drink-table_23-2149860543.jpg?_wi=2"
|
||||
imageAlt="Authentic Thai Massage"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-relaxed-smiley-woman_23-2149144908.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-relaxed-smiley-woman_23-2149144908.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-woman-her-facial-cares_1098-106.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-woman-her-facial-cares_1098-106.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-woman-towel-smiling-holding-glass_176420-12897.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-woman-towel-smiling-holding-glass_176420-12897.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-cute-young-women-skin-care-treatment-spa_1150-3077.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-cute-young-women-skin-care-treatment-spa_1150-3077.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Authentic",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Authentic", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Holistic",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Holistic", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Traditional",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Traditional", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Rejuvenating",
|
||||
icon: Sun,
|
||||
type: "text-icon", text: "Rejuvenating", icon: Sun,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Peaceful",
|
||||
icon: Waves,
|
||||
type: "text-icon", text: "Peaceful", icon: Waves,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -174,17 +116,11 @@ export default function LandingPage() {
|
||||
description="At Phikul Thai Massage, we blend traditional techniques with modern expertise to provide holistic relief. Our journey began with a commitment to healing and harmony."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Techniques",
|
||||
description: "Time-honored methods passed down through generations.",
|
||||
},
|
||||
title: "Authentic Techniques", description: "Time-honored methods passed down through generations."},
|
||||
{
|
||||
title: "Expert Staff",
|
||||
description: "Highly trained therapists dedicated to your wellness.",
|
||||
},
|
||||
title: "Expert Staff", description: "Highly trained therapists dedicated to your wellness."},
|
||||
{
|
||||
title: "Serene Atmosphere",
|
||||
description: "A quiet, welcoming space designed for complete relaxation.",
|
||||
},
|
||||
title: "Serene Atmosphere", description: "A quiet, welcoming space designed for complete relaxation."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178220.jpg?_wi=2"
|
||||
imageAlt="Therapist performing massage"
|
||||
@@ -200,23 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Traditional Thai Massage",
|
||||
description: "A dynamic, full-body treatment combining acupressure and stretching.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-bath-salt-black-massage-hot-stones-spa-salon-concept_1150-3067.jpg?_wi=2",
|
||||
},
|
||||
id: "s1", title: "Traditional Thai Massage", description: "A dynamic, full-body treatment combining acupressure and stretching.", imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-bath-salt-black-massage-hot-stones-spa-salon-concept_1150-3067.jpg?_wi=2"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Hot Stone Therapy",
|
||||
description: "Deeply relaxing stones to melt away chronic tension.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-spa-treatment-with-stones_23-2148345667.jpg?_wi=2",
|
||||
},
|
||||
id: "s2", title: "Hot Stone Therapy", description: "Deeply relaxing stones to melt away chronic tension.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-getting-spa-treatment-with-stones_23-2148345667.jpg?_wi=2"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Herbal Compress Therapy",
|
||||
description: "Traditional steaming herbs for skin rejuvenation and relief.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herbal-spa-treatment-equipments-put-wooden-floor_1150-34512.jpg?_wi=2",
|
||||
},
|
||||
id: "s3", title: "Herbal Compress Therapy", description: "Traditional steaming herbs for skin rejuvenation and relief.", imageSrc: "http://img.b2bpic.net/free-photo/herbal-spa-treatment-equipments-put-wooden-floor_1150-34512.jpg?_wi=2"},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Tailored treatments for your mind, body, and spirit."
|
||||
@@ -230,41 +154,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$70",
|
||||
subtitle: "60 Minutes",
|
||||
features: [
|
||||
"Full Body Massage",
|
||||
"Custom Pressure",
|
||||
"Relaxing Tea",
|
||||
],
|
||||
id: "p1", badge: "Essentieel", price: "€70", subtitle: "60 Minuten", features: [
|
||||
"Volledige lichaamsmassage", "Aangepaste druk", "Ontspannende thee"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Deep Relief",
|
||||
price: "$100",
|
||||
subtitle: "90 Minutes",
|
||||
features: [
|
||||
"Extended Deep Tissue",
|
||||
"Hot Stone Upgrade",
|
||||
"Full Body Stretching",
|
||||
],
|
||||
id: "p2", badge: "Diepe Ontspanning", price: "€100", subtitle: "90 Minuten", features: [
|
||||
"Uitgebreide dieptemassage", "Hot Stone upgrade", "Volledige lichaamsstretch"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Ultimate",
|
||||
price: "$130",
|
||||
subtitle: "120 Minutes",
|
||||
features: [
|
||||
"Complete Body Rejuvenation",
|
||||
"Herbal Compress",
|
||||
"Full Aromatherapy",
|
||||
],
|
||||
id: "p3", badge: "Ultiem", price: "€130", subtitle: "120 Minuten", features: [
|
||||
"Complete lichaamsverjonging", "Kruidencompres", "Volledige aromatherapie"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the session length that best fits your wellness goals."
|
||||
title="Transparante Prijzen"
|
||||
description="Kies de sessieduur die het beste bij uw welzijnsdoelen past."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -274,63 +177,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Linda M.",
|
||||
date: "Oct 2023",
|
||||
title: "Incredible relief",
|
||||
quote: "My back feels amazing after just one session. The staff is so kind.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-relaxed-smiley-woman_23-2149144908.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-relaxed-smiley-woman_23-2149144908.jpg",
|
||||
imageAlt: "portrait happy middle aged woman",
|
||||
},
|
||||
id: "t1", name: "Linda M.", date: "Okt 2023", title: "Ongelooflijke verlichting", quote: "Mijn rug voelt geweldig aan na slechts één sessie. Het personeel is zo vriendelijk.", tag: "Regulier", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-relaxed-smiley-woman_23-2149144908.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-relaxed-smiley-woman_23-2149144908.jpg", imageAlt: "portret gelukkige vrouw"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David W.",
|
||||
date: "Sep 2023",
|
||||
title: "Very professional",
|
||||
quote: "Exactly what I needed. Professional, clean, and truly effective.",
|
||||
tag: "Deep Tissue",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-her-facial-cares_1098-106.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-her-facial-cares_1098-106.jpg",
|
||||
imageAlt: "portrait cheerful man relaxing",
|
||||
},
|
||||
id: "t2", name: "David W.", date: "Sep 2023", title: "Zeer professioneel", quote: "Precies wat ik nodig had. Professioneel, schoon en echt effectief.", tag: "Diepe weefsel", avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-her-facial-cares_1098-106.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-her-facial-cares_1098-106.jpg", imageAlt: "portret vrolijke man"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
date: "Aug 2023",
|
||||
title: "So relaxed",
|
||||
quote: "I've tried many massage places, this one is the most authentic.",
|
||||
tag: "Relaxation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-towel-smiling-holding-glass_176420-12897.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-towel-smiling-holding-glass_176420-12897.jpg",
|
||||
imageAlt: "woman enjoying spa treatment",
|
||||
},
|
||||
id: "t3", name: "Sarah P.", date: "Aug 2023", title: "Heerlijk ontspannen", quote: "Ik heb veel massagesalons geprobeerd, deze is de meest authentieke.", tag: "Ontspanning", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-towel-smiling-holding-glass_176420-12897.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-towel-smiling-holding-glass_176420-12897.jpg", imageAlt: "vrouw geniet van spabehandeling"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael B.",
|
||||
date: "Jul 2023",
|
||||
title: "Highly recommend",
|
||||
quote: "The herbal compress session was a total game-changer for me.",
|
||||
tag: "Herbal Therapy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-cute-young-women-skin-care-treatment-spa_1150-3077.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-cute-young-women-skin-care-treatment-spa_1150-3077.jpg",
|
||||
imageAlt: "smiling spa customer portrait",
|
||||
},
|
||||
id: "t4", name: "Michael B.", date: "Jul 2023", title: "Zeer aanbevolen", quote: "De kruidencompres-sessie was voor mij een echte verandering.", tag: "Kruidentherapie", avatarSrc: "http://img.b2bpic.net/free-photo/two-cute-young-women-skin-care-treatment-spa_1150-3077.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-cute-young-women-skin-care-treatment-spa_1150-3077.jpg", imageAlt: "glimlachende spaklant portret"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Karen H.",
|
||||
date: "Jun 2023",
|
||||
title: "Amazing",
|
||||
quote: "Pure zen. Perfect atmosphere and highly skilled team.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg",
|
||||
imageAlt: "portrait satisfied customer",
|
||||
},
|
||||
id: "t5", name: "Karen H.", date: "Jun 2023", title: "Geweldig", quote: "Puur zen. Perfecte sfeer en een zeer bekwaam team.", tag: "Regulier", avatarSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg", imageSrc: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg", imageAlt: "portret tevreden klant"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Discover why our clients make Phikul their go-to for peace."
|
||||
title="Verhalen van Klanten"
|
||||
description="Ontdek waarom onze klanten Phikul hun go-to plek voor vrede noemen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -338,20 +196,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready for your escape?"
|
||||
description="We are located at 123 Tranquil Lane. Schedule your visit today and let your stress fade away."
|
||||
variant: "radial-gradient"}}
|
||||
tag="Bezoek ons"
|
||||
title="Klaar voor uw ontsnapping?"
|
||||
description="Wij zijn gevestigd aan de Tranquil Lane 123. Plan uw bezoek vandaag nog en laat uw stress verdwijnen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Bel Nu", href: "tel:+15551234567"},
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Boek Online", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -360,41 +213,29 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Bedrijf", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Over Ons", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Diensten", href: "#features"},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Boeking", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Juridisch", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacybeleid", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Servicevoorwaarden", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Phikul Thai Massage"
|
||||
bottomRightText="Crafted with serenity"
|
||||
bottomRightText="Gemaakt met sereniteit"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user