Update src/app/gallery/page.tsx

This commit is contained in:
2026-06-10 16:22:46 +00:00
parent d47db0bb06
commit 662f1b69e8

View File

@@ -26,45 +26,27 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About Ryan",
id: "/about",
},
name: "About Ryan", id: "/about"},
{
name: "Treatments",
id: "/treatments",
},
name: "Treatments", id: "/treatments"},
{
name: "Locations",
id: "/locations",
},
name: "Locations", id: "/locations"},
{
name: "Before & After",
id: "/gallery",
},
name: "Before & After", id: "/gallery"},
{
name: "Financing",
id: "/financing",
},
name: "Financing", id: "/financing"},
{
name: "Blog",
id: "/blog",
},
name: "Blog", id: "/blog"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ga8cvi"
logoAlt="TREAT Medspa Logo"
brandName="TREAT Medspa"
button={{
text: "Book Consultation",
href: "/contact",
}}
text: "Book Consultation", href: "/contact"}}
/>
</div>
@@ -76,74 +58,26 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "before-after-1",
brand: "Botox",
name: "Wrinkle Reduction",
price: "View Details",
rating: 5,
reviewCount: "Before/After",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-forehead_651396-830.jpg",
imageAlt: "Botox before and after",
},
id: "before-after-1", brand: "Botox", name: "Wrinkle Reduction", price: "View Details", rating: 5,
reviewCount: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-forehead_651396-830.jpg", imageAlt: "Botox before and after"},
{
id: "before-after-2",
brand: "Dermal Fillers",
name: "Volume Restoration",
price: "View Details",
rating: 5,
reviewCount: "Before/After",
imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38475.jpg",
imageAlt: "Dermal fillers before and after",
},
id: "before-after-2", brand: "Dermal Fillers", name: "Volume Restoration", price: "View Details", rating: 5,
reviewCount: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38475.jpg", imageAlt: "Dermal fillers before and after"},
{
id: "before-after-3",
brand: "Laser Resurfacing",
name: "Skin Tone & Texture",
price: "View Details",
rating: 5,
reviewCount: "Before/After",
imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients-composition_23-2148761432.jpg",
imageAlt: "Laser resurfacing before and after",
},
id: "before-after-3", brand: "Laser Resurfacing", name: "Skin Tone & Texture", price: "View Details", rating: 5,
reviewCount: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients-composition_23-2148761432.jpg", imageAlt: "Laser resurfacing before and after"},
{
id: "before-after-4",
brand: "Body Contouring",
name: "Sculpted Physique",
price: "View Details",
rating: 5,
reviewCount: "Before/After",
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334250.jpg",
imageAlt: "Body contouring before and after",
},
id: "before-after-4", brand: "Body Contouring", name: "Sculpted Physique", price: "View Details", rating: 5,
reviewCount: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334250.jpg", imageAlt: "Body contouring before and after"},
{
id: "before-after-5",
brand: "Chemical Peel",
name: "Acne Scar Reduction",
price: "View Details",
rating: 5,
reviewCount: "Before/After",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor-s-appointment_23-2149313501.jpg",
imageAlt: "Chemical peel before and after",
},
id: "before-after-5", brand: "Chemical Peel", name: "Acne Scar Reduction", price: "View Details", rating: 5,
reviewCount: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor-s-appointment_23-2149313501.jpg", imageAlt: "Chemical peel before and after"},
{
id: "before-after-6",
brand: "Facial Rejuvenation",
name: "Overall Glow",
price: "View Details",
rating: 5,
reviewCount: "Before/After",
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-using-medical-device_23-2148328462.jpg",
imageAlt: "Facial rejuvenation before and after",
},
id: "before-after-6", brand: "Facial Rejuvenation", name: "Overall Glow", price: "View Details", rating: 5,
reviewCount: "Before/After", imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-using-medical-device_23-2148328462.jpg", imageAlt: "Facial rejuvenation before and after"},
]}
title="Transformative Before & After Gallery"
description="Witness the remarkable results achieved by our clients across a range of advanced aesthetic treatments."
buttons={[
{
text: "Filter by Treatment",
href: "#",
},
]}
/>
</div>
@@ -154,50 +88,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "g-1",
name: "Sarah P.",
handle: "@sarah_t",
testimonial: "My experience with laser treatments at TREAT was exceptional. The results on my skin texture are unbelievable!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-bathrobe_1098-2996.jpg",
imageAlt: "Sarah P.",
},
id: "g-1", name: "Sarah P.", handle: "@sarah_t", testimonial: "My experience with laser treatments at TREAT was exceptional. The results on my skin texture are unbelievable!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-bathrobe_1098-2996.jpg", imageAlt: "Sarah P."},
{
id: "g-2",
name: "Mark D.",
handle: "@marknyc",
testimonial: "The body contouring procedure delivered exactly the definition I was looking for. Highly professional team.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/showing-biceps_1098-14720.jpg",
imageAlt: "Mark D.",
},
id: "g-2", name: "Mark D.", handle: "@marknyc", testimonial: "The body contouring procedure delivered exactly the definition I was looking for. Highly professional team.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/showing-biceps_1098-14720.jpg", imageAlt: "Mark D."},
{
id: "g-3",
name: "Jessica R.",
handle: "@jessicabeauty",
testimonial: "My dermal fillers look incredibly natural and have boosted my confidence. TREAT Medspa truly understands artistry.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-work_23-2149871319.jpg",
imageAlt: "Jessica R.",
},
id: "g-3", name: "Jessica R.", handle: "@jessicabeauty", testimonial: "My dermal fillers look incredibly natural and have boosted my confidence. TREAT Medspa truly understands artistry.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-work_23-2149871319.jpg", imageAlt: "Jessica R."},
{
id: "g-4",
name: "Michael S.",
handle: "@michaelskin",
testimonial: "After years of trying different clinics, I finally found my home at TREAT. The anti-aging results are unparalleled.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206146.jpg",
imageAlt: "Michael S.",
},
id: "g-4", name: "Michael S.", handle: "@michaelskin", testimonial: "After years of trying different clinics, I finally found my home at TREAT. The anti-aging results are unparalleled.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206146.jpg", imageAlt: "Michael S."},
{
id: "g-5",
name: "Laura G.",
handle: "@lauraglow",
testimonial: "The attention to detail and personalized treatment plan for my skin rejuvenation was fantastic. My complexion is radiant!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519985.jpg",
imageAlt: "Laura G.",
},
id: "g-5", name: "Laura G.", handle: "@lauraglow", testimonial: "The attention to detail and personalized treatment plan for my skin rejuvenation was fantastic. My complexion is radiant!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519985.jpg", imageAlt: "Laura G."},
]}
showRating={true}
title="Client Stories: Real Transformations"
@@ -207,65 +111,40 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg?_wi=5"
imageAlt="Luxury Medspa Interior"
videoSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg?_wi=5"
videoSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg"
videoAriaLabel="Luxury Medspa reception area ambiance"
logoText="TREAT Medspa"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "About Ryan",
href: "/about",
},
label: "About Ryan", href: "/about"},
{
label: "Treatments",
href: "/treatments",
},
label: "Treatments", href: "/treatments"},
{
label: "Locations",
href: "/locations",
},
label: "Locations", href: "/locations"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Before & After",
href: "/gallery",
},
label: "Before & After", href: "/gallery"},
{
label: "Financing",
href: "/financing",
},
label: "Financing", href: "/financing"},
{
label: "Blog",
href: "/blog",
},
label: "Blog", href: "/blog"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}