Update src/app/treatments/page.tsx
This commit is contained in:
@@ -3,9 +3,9 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||||
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -26,45 +26,27 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About Ryan",
|
name: "About Ryan", id: "/about"},
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Treatments",
|
name: "Treatments", id: "/treatments"},
|
||||||
id: "/treatments",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Locations",
|
name: "Locations", id: "/locations"},
|
||||||
id: "/locations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Before & After",
|
name: "Before & After", id: "/gallery"},
|
||||||
id: "/gallery",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Financing",
|
name: "Financing", id: "/financing"},
|
||||||
id: "/financing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Blog",
|
name: "Blog", id: "/blog"},
|
||||||
id: "/blog",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "/contact"},
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ga8cvi"
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ga8cvi"
|
||||||
logoAlt="TREAT Medspa Logo"
|
logoAlt="TREAT Medspa Logo"
|
||||||
brandName="TREAT Medspa"
|
brandName="TREAT Medspa"
|
||||||
button={{
|
button={{
|
||||||
text: "Book Consultation",
|
text: "Book Consultation", href: "/contact"}}
|
||||||
href: "/contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -76,74 +58,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "botox-injectables",
|
id: "botox-injectables", brand: "Aesthetic Enhancements", name: "Botox & Injectables", price: "Personalized", rating: 5, reviewCount: "245", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-1__2.jpg", imageAlt: "Botox & Injectables"},
|
||||||
brand: "Aesthetic Enhancements",
|
|
||||||
name: "Botox & Injectables",
|
|
||||||
price: "Personalized",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "245",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-salon-looking-into-mirror_1303-16737.jpg",
|
|
||||||
imageAlt: "Botox & Injectables",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "dermal-fillers",
|
id: "dermal-fillers", brand: "Volume Restoration", name: "Dermal Fillers", price: "Personalized", rating: 5, reviewCount: "180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-2__2.jpg", imageAlt: "Dermal Fillers"},
|
||||||
brand: "Volume Restoration",
|
|
||||||
name: "Dermal Fillers",
|
|
||||||
price: "Personalized",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "180",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-cosmetic-treatment_23-2148825296.jpg",
|
|
||||||
imageAlt: "Dermal Fillers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "laser-treatments",
|
id: "laser-treatments", brand: "Skin Rejuvenation", name: "Laser Treatments", price: "Personalized", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-3__2.jpg", imageAlt: "Laser Treatments"},
|
||||||
brand: "Skin Rejuvenation",
|
|
||||||
name: "Laser Treatments",
|
|
||||||
price: "Personalized",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-serum-with-transparent-bottle-mirror_23-2149046485.jpg",
|
|
||||||
imageAlt: "Laser Treatments",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "skin-rejuvenation",
|
id: "skin-rejuvenation", brand: "Complexion Renewal", name: "Skin Rejuvenation", price: "Personalized", rating: 5, reviewCount: "90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-4__2.jpg", imageAlt: "Skin Rejuvenation"},
|
||||||
brand: "Complexion Renewal",
|
|
||||||
name: "Skin Rejuvenation",
|
|
||||||
price: "Personalized",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "90",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-room-comfort-elegance-relaxation-romance-generated-by-ai_188544-29044.jpg",
|
|
||||||
imageAlt: "Skin Rejuvenation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "body-contouring",
|
id: "body-contouring", brand: "Sculpt & Define", name: "Body Contouring", price: "Personalized", rating: 5, reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-5__2.jpg", imageAlt: "Body Contouring"},
|
||||||
brand: "Sculpt & Define",
|
|
||||||
name: "Body Contouring",
|
|
||||||
price: "Personalized",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "210",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-beauty-treatment_23-2148910535.jpg",
|
|
||||||
imageAlt: "Body Contouring",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "weight-loss",
|
id: "weight-loss", brand: "Wellness Programs", name: "Weight Loss Programs", price: "Personalized", rating: 5, reviewCount: "300", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-6__2.jpg", imageAlt: "Weight Loss Programs"},
|
||||||
brand: "Wellness Programs",
|
|
||||||
name: "Weight Loss Programs",
|
|
||||||
price: "Personalized",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "300",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-removing-mole-from-womans-shoulder_107420-74017.jpg",
|
|
||||||
imageAlt: "Weight Loss Programs",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Treatments"
|
title="Our Signature Treatments"
|
||||||
description="Explore a comprehensive range of luxury aesthetic and wellness treatments tailored to your unique needs."
|
description="Explore a comprehensive range of luxury aesthetic and wellness treatments tailored to your unique needs."
|
||||||
buttons={[
|
buttons={[{
|
||||||
{
|
text: "View All Treatments", href: "/treatments"}]}
|
||||||
text: "View All Treatments",
|
|
||||||
href: "/treatments",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -154,47 +84,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Targeted Anti-Aging",
|
title: "Targeted Anti-Aging", description: "Combat fine lines, wrinkles, and volume loss with our advanced injectable and skin rejuvenation therapies.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-1__3.jpg", imageAlt: "Anti-aging treatment on phone screen" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-2__3.jpg", imageAlt: "Before and after comparison" }},
|
||||||
description: "Combat fine lines, wrinkles, and volume loss with our advanced injectable and skin rejuvenation therapies.",
|
|
||||||
phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-chin-side-view_23-2148267251.jpg",
|
|
||||||
imageAlt: "Anti-aging treatment on phone screen",
|
|
||||||
},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7563.jpg",
|
|
||||||
imageAlt: "Before and after comparison",
|
|
||||||
},
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ga8cvi&_wi=2",
|
|
||||||
imageAlt: "botox injectable treatment luxury",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Holistic Wellness Approach",
|
title: "Holistic Wellness Approach", description: "Beyond aesthetics, we offer wellness programs that integrate seamlessly into your lifestyle for overall vitality.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-3__3.jpg", imageAlt: "Wellness app on phone screen" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-4__3.jpg", imageAlt: "Healthy lifestyle visual" }},
|
||||||
description: "Beyond aesthetics, we offer wellness programs that integrate seamlessly into your lifestyle for overall vitality.",
|
|
||||||
phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307252.jpg",
|
|
||||||
imageAlt: "Wellness app on phone screen",
|
|
||||||
},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-lying-massage-room-face-up_1262-413.jpg",
|
|
||||||
imageAlt: "Healthy lifestyle visual",
|
|
||||||
},
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=4",
|
|
||||||
imageAlt: "botox injectable treatment luxury",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Cutting-Edge Technology",
|
title: "Cutting-Edge Technology", description: "Our Medspa utilizes the latest in laser and body contouring technology for safe, effective, and precise treatments.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-5__3.jpg", imageAlt: "Laser device on phone screen" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/treatment-product-6__3.jpg", imageAlt: "Body sculpting technology" }},
|
||||||
description: "Our Medspa utilizes the latest in laser and body contouring technology for safe, effective, and precise treatments.",
|
|
||||||
phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reception-beautician-doctor-two-women-sit-sofa-salon-communicate-choose-procedure_343596-4161.jpg",
|
|
||||||
imageAlt: "Laser device on phone screen",
|
|
||||||
},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-checking-patient-before-ct-scan_23-2149341517.jpg",
|
|
||||||
imageAlt: "Body sculpting technology",
|
|
||||||
},
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-skincare-home_23-2150642531.jpg?_wi=2",
|
|
||||||
imageAlt: "botox injectable treatment luxury",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
showStepNumbers={false}
|
showStepNumbers={false}
|
||||||
title="Tailored Solutions for Lasting Beauty"
|
title="Tailored Solutions for Lasting Beauty"
|
||||||
@@ -204,65 +98,40 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg?_wi=3"
|
videoSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg"
|
||||||
imageAlt="Luxury Medspa Interior"
|
|
||||||
videoSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg?_wi=3"
|
|
||||||
videoAriaLabel="Luxury Medspa reception area ambiance"
|
videoAriaLabel="Luxury Medspa reception area ambiance"
|
||||||
logoText="TREAT Medspa"
|
logoText="TREAT Medspa"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Explore",
|
title: "Explore", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Home",
|
label: "Home", href: "/"},
|
||||||
href: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "About Ryan",
|
label: "About Ryan", href: "/about"},
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Treatments",
|
label: "Treatments", href: "/treatments"},
|
||||||
href: "/treatments",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Locations",
|
label: "Locations", href: "/locations"},
|
||||||
href: "/locations",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Resources",
|
title: "Resources", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Before & After",
|
label: "Before & After", href: "/gallery"},
|
||||||
href: "/gallery",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Financing",
|
label: "Financing", href: "/financing"},
|
||||||
href: "/financing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Blog",
|
label: "Blog", href: "/blog"},
|
||||||
href: "/blog",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "/contact"},
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user