Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
323
src/app/page.tsx
323
src/app/page.tsx
@@ -32,22 +32,10 @@ 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: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Turqueza Med Spa"
|
||||
/>
|
||||
@@ -55,69 +43,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unveil Your Natural Radiance"
|
||||
description="Experience personalized aesthetic rejuvenation in an oasis of tranquility at Turqueza Med Spa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/panoramic-sauna-with-view-modern-wooden-design-nature-relaxation_169016-68880.jpg"
|
||||
imageAlt="Turqueza Med Spa interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-checking-water-before-taking-bath_23-2149239340.jpg",
|
||||
alt: "Young woman checking the water",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg",
|
||||
alt: "Friends relaxing in spa",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tranquil-scene-inside-modern-home-with-candle-generative-ai_188544-32127.jpg",
|
||||
alt: "Tranquil scene with candle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037088.jpg",
|
||||
alt: "Woman relaxing at hotel",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199521.jpg",
|
||||
alt: "Natural spa elements",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-checking-water-before-taking-bath_23-2149239340.jpg", alt: "Young woman checking the water" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg", alt: "Friends relaxing in spa" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tranquil-scene-inside-modern-home-with-candle-generative-ai_188544-32127.jpg", alt: "Tranquil scene with candle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037088.jpg", alt: "Woman relaxing at hotel" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199521.jpg", alt: "Natural spa elements" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Satisfaction Guarantee",
|
||||
icon: Check,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed Professionals",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cutting Edge Technology",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Holistic Approach",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Safe & Sanitized",
|
||||
icon: Shield,
|
||||
},
|
||||
{ type: "text-icon", text: "100% Satisfaction Guarantee", icon: Check },
|
||||
{ type: "text-icon", text: "Licensed Professionals", icon: Award },
|
||||
{ type: "text-icon", text: "Cutting Edge Technology", icon: Zap },
|
||||
{ type: "text-icon", text: "Holistic Approach", icon: Leaf },
|
||||
{ type: "text-icon", text: "Safe & Sanitized", icon: Shield },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,21 +73,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="The Turqueza Difference"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Years of Excellence",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certified Treatments",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Satisfied Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
{ icon: Sparkles, label: "Years of Excellence", value: "10+" },
|
||||
{ icon: Award, label: "Certified Treatments", value: "50+" },
|
||||
{ icon: Heart, label: "Satisfied Clients", value: "5k+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -153,31 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Advanced Laser Therapy",
|
||||
tags: [
|
||||
"Skin",
|
||||
"Rejuvenation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-having-cosmetic-treatment-spa_23-2148825312.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Precision Injectables",
|
||||
tags: [
|
||||
"Anti-Aging",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Hydra-Radiance Facials",
|
||||
tags: [
|
||||
"Glow",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334265.jpg",
|
||||
},
|
||||
{ id: "1", title: "Advanced Laser Therapy", tags: ["Skin", "Rejuvenation"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-having-cosmetic-treatment-spa_23-2148825312.jpg" },
|
||||
{ id: "2", title: "Precision Injectables", tags: ["Anti-Aging"], imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg" },
|
||||
{ id: "3", title: "Hydra-Radiance Facials", tags: ["Glow"], imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334265.jpg" },
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Tailored treatments to restore, rejuvenate, and revitalize your natural glow."
|
||||
@@ -190,58 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$150",
|
||||
subtitle: "Revitalize your skin",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Consultation",
|
||||
"Skin Analysis",
|
||||
"Standard Hydration",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "advanced",
|
||||
badge: "Popular",
|
||||
price: "$350",
|
||||
subtitle: "Total rejuvenation experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Consultation",
|
||||
"Advanced Laser",
|
||||
"Customized Serum",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Ultimate",
|
||||
price: "$600",
|
||||
subtitle: "The premium signature",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Consultation",
|
||||
"Advanced Laser",
|
||||
"Injectable Touch-up",
|
||||
"Home Care Kit",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$150", subtitle: "Revitalize your skin", buttons: [{ text: "Book", href: "#contact" }], features: ["Consultation", "Skin Analysis", "Standard Hydration"] },
|
||||
{ id: "advanced", badge: "Popular", price: "$350", subtitle: "Total rejuvenation experience", buttons: [{ text: "Book", href: "#contact" }], features: ["Full Consultation", "Advanced Laser", "Customized Serum"] },
|
||||
{ id: "elite", badge: "Ultimate", price: "$600", subtitle: "The premium signature", buttons: [{ text: "Book", href: "#contact" }], features: ["Full Consultation", "Advanced Laser", "Injectable Touch-up", "Home Care Kit"] },
|
||||
]}
|
||||
title="Treatment Packages"
|
||||
description="Choose your journey to radiant skin with our carefully curated packages."
|
||||
@@ -254,24 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Sun,
|
||||
title: "Clients Rejuvenated",
|
||||
value: "2,400",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Procedures Performed",
|
||||
value: "8,100",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Smile,
|
||||
title: "Satisfaction Rate",
|
||||
value: "99%",
|
||||
},
|
||||
{ id: "m1", icon: Sun, title: "Clients Rejuvenated", value: "2,400" },
|
||||
{ id: "m2", icon: Zap, title: "Procedures Performed", value: "8,100" },
|
||||
{ id: "m3", icon: Smile, title: "Satisfaction Rate", value: "99%" },
|
||||
]}
|
||||
title="Measurable Results"
|
||||
description="We believe in transparency and proven aesthetic results."
|
||||
@@ -281,27 +129,13 @@ export default function LandingPage() {
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
textboxLayout="default"
|
||||
animationType="depth-3d"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Elena Rossi",
|
||||
role: "Medical Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Santos",
|
||||
role: "Senior Aesthetician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe Chen",
|
||||
role: "Skincare Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Dr. Elena Rossi", role: "Medical Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg" },
|
||||
{ id: "t2", name: "Maria Santos", role: "Senior Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg" },
|
||||
{ id: "t3", name: "Chloe Chen", role: "Skincare Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg" },
|
||||
]}
|
||||
title="Meet Your Experts"
|
||||
description="Our team of dedicated professionals committed to your aesthetic wellness."
|
||||
@@ -313,46 +147,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Results",
|
||||
quote: "I feel so refreshed. Dr. Rossi is truly skilled.",
|
||||
name: "Sarah Miller",
|
||||
role: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-doing-cold-exposure-treatment_23-2151205897.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional Care",
|
||||
quote: "The entire experience was seamless and so relaxing.",
|
||||
name: "David W.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-female-model_23-2148398609.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "My Favorite MedSpa",
|
||||
quote: "Absolutely top-tier service every time I visit.",
|
||||
name: "Julia P.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-74036.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Transformation",
|
||||
quote: "My skin has never looked this clear and healthy.",
|
||||
name: "Rebecca L.",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/body-care_1098-15325.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Beyond Expectations",
|
||||
quote: "Highly recommended for anyone seeking quality.",
|
||||
name: "Kevin J.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-student-girl-showing-thumbs-up_273609-13835.jpg",
|
||||
},
|
||||
{ id: "1", title: "Incredible Results", quote: "I feel so refreshed. Dr. Rossi is truly skilled.", name: "Sarah Miller", role: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-cold-exposure-treatment_23-2151205897.jpg" },
|
||||
{ id: "2", title: "Professional Care", quote: "The entire experience was seamless and so relaxing.", name: "David W.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-female-model_23-2148398609.jpg" },
|
||||
{ id: "3", title: "My Favorite MedSpa", quote: "Absolutely top-tier service every time I visit.", name: "Julia P.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-74036.jpg" },
|
||||
{ id: "4", title: "Transformation", quote: "My skin has never looked this clear and healthy.", name: "Rebecca L.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/body-care_1098-15325.jpg" },
|
||||
{ id: "5", title: "Beyond Expectations", quote: "Highly recommended for anyone seeking quality.", name: "Kevin J.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/excited-student-girl-showing-thumbs-up_273609-13835.jpg" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Your stories of transformation define our passion."
|
||||
@@ -365,24 +164,10 @@ export default function LandingPage() {
|
||||
title="Ready for Radiance?"
|
||||
description="Book your appointment today and start your journey."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your needs...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826239.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -390,32 +175,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Turqueza Med Spa",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Turqueza Med Spa", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Turqueza Med Spa. All rights reserved."
|
||||
bottomRightText="Crafted with passion"
|
||||
|
||||
Reference in New Issue
Block a user