bender/b1c4819e-9a61-4517-adb8-47cf5262b42c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 19:03:42 +00:00
parent 1a4b528214
commit 32848b2329
1 changed files with 67 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

340
src/app/page.tsx
View File

@@ -34,101 +34,58 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Treatments",
id: "#treatments",
},
name: "Treatments", id: "#treatments"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Blog",
id: "#blog",
},
name: "Blog", id: "#blog"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="The Greville Clinic"
button={{
text: "Book an Appointment",
href: "#contact",
}}
text: "Book an Appointment", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Welcome to The Greville Clinic"
description="Your trusted partner for advanced aesthetic and wellness treatments. Experience personalized care designed to rejuvenate your skin and enhance your natural beauty."
tag="Elevating Your Beauty & Well-being"
tagAnimation="blur-reveal"
buttons={[
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
{
text: "Book Consultation",
href: "#contact",
},
text: "Book Consultation", href: "#contact"},
]}
buttonAnimation="blur-reveal"
carouselItems={[
{
id: "carousel-item-1",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-getting-married_23-2150753679.jpg",
imageAlt: "Modern clinic reception area",
},
id: "carousel-item-1", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-getting-married_23-2150753679.jpg", imageAlt: "Modern clinic reception area"},
{
id: "carousel-item-2",
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-laser-hair-removal_1157-34937.jpg",
imageAlt: "Dermatology treatment room",
},
id: "carousel-item-2", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-laser-hair-removal_1157-34937.jpg", imageAlt: "Dermatology treatment room"},
{
id: "carousel-item-3",
imageSrc: "http://img.b2bpic.net/free-photo/senior-doctor-listening-patient-closely_23-2147896781.jpg",
imageAlt: "Patient consultation with a doctor",
},
id: "carousel-item-3", imageSrc: "http://img.b2bpic.net/free-photo/senior-doctor-listening-patient-closely_23-2147896781.jpg", imageAlt: "Patient consultation with a doctor"},
{
id: "carousel-item-4",
imageSrc: "http://img.b2bpic.net/free-photo/spa-products-with-orchids_93675-128362.jpg",
imageAlt: "Relaxing spa treatment room",
},
id: "carousel-item-4", imageSrc: "http://img.b2bpic.net/free-photo/spa-products-with-orchids_93675-128362.jpg", imageAlt: "Relaxing spa treatment room"},
{
id: "carousel-item-5",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-assisting-senior-medic-checkup-with-old-woman_482257-122763.jpg",
imageAlt: "Modern medical equipment",
},
id: "carousel-item-5", imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-assisting-senior-medic-checkup-with-old-woman_482257-122763.jpg", imageAlt: "Modern medical equipment"},
{
id: "carousel-item-6",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-towel_273609-4759.jpg",
imageAlt: "Healthy radiant skin close up",
},
id: "carousel-item-6", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-towel_273609-4759.jpg", imageAlt: "Healthy radiant skin close up"},
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -146,7 +103,7 @@ export default function LandingPage() {
icon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg"
imageAlt="Clean and modern clinic interior"
mediaAnimation="reveal-blur"
mediaAnimation="blur-reveal"
/>
</div>
@@ -159,25 +116,13 @@ export default function LandingPage() {
tagAnimation="blur-reveal"
accordionItems={[
{
id: "skin",
title: "Advanced Skin Treatments",
content: "From medical-grade facials to laser therapies and chemical peels, we offer solutions for acne, anti-aging, pigmentation, and overall skin health.",
},
id: "skin", title: "Advanced Skin Treatments", content: "From medical-grade facials to laser therapies and chemical peels, we offer solutions for acne, anti-aging, pigmentation, and overall skin health."},
{
id: "injectables",
title: "Cosmetic Injectables",
content: "Expertly administered anti-wrinkle injections and dermal fillers to restore volume, smooth lines, and enhance facial contours naturally.",
},
id: "injectables", title: "Cosmetic Injectables", content: "Expertly administered anti-wrinkle injections and dermal fillers to restore volume, smooth lines, and enhance facial contours naturally."},
{
id: "body",
title: "Body Contouring & Wellness",
content: "Innovative treatments like fat reduction, skin tightening, and lymphatic drainage to help you achieve your desired body shape and well-being.",
},
id: "body", title: "Body Contouring & Wellness", content: "Innovative treatments like fat reduction, skin tightening, and lymphatic drainage to help you achieve your desired body shape and well-being."},
{
id: "hair",
title: "Hair Restoration Therapies",
content: "Cutting-edge solutions for hair loss, including PRP therapy and specialized treatments to promote hair growth and scalp health.",
},
id: "hair", title: "Hair Restoration Therapies", content: "Cutting-edge solutions for hair loss, including PRP therapy and specialized treatments to promote hair growth and scalp health."},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-getting-facial-massage-clinic_107420-65134.jpg"
imageAlt="Laser treatment in progress"
@@ -194,47 +139,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p-1",
name: "HydraFacial Deluxe",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/female-cosmetologist-making-facial-treatment-beautiful-woma_158595-4586.jpg",
imageAlt: "HydraFacial treatment",
},
id: "p-1", name: "HydraFacial Deluxe", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/female-cosmetologist-making-facial-treatment-beautiful-woma_158595-4586.jpg", imageAlt: "HydraFacial treatment"},
{
id: "p-2",
name: "Anti-Wrinkle Injections (3 areas)",
price: "$550",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-smiley-woman_23-2149103555.jpg",
imageAlt: "Cosmetic injectables procedure",
},
id: "p-2", name: "Anti-Wrinkle Injections (3 areas)", price: "$550", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-smiley-woman_23-2149103555.jpg", imageAlt: "Cosmetic injectables procedure"},
{
id: "p-3",
name: "Cryolipolysis (CoolSculpting)",
price: "$800",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-136.jpg",
imageAlt: "Body contouring treatment",
},
id: "p-3", name: "Cryolipolysis (CoolSculpting)", price: "$800", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-136.jpg", imageAlt: "Body contouring treatment"},
{
id: "p-4",
name: "PRP Hair Regeneration",
price: "$750",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-explaining-anatomy_23-2149389043.jpg",
imageAlt: "Hair restoration treatment",
},
id: "p-4", name: "PRP Hair Regeneration", price: "$750", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-doctor-explaining-anatomy_23-2149389043.jpg", imageAlt: "Hair restoration treatment"},
{
id: "p-5",
name: "Medical Grade Chemical Peel",
price: "$200",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149341434.jpg",
imageAlt: "Chemical peel application",
},
id: "p-5", name: "Medical Grade Chemical Peel", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149341434.jpg", imageAlt: "Chemical peel application"},
{
id: "p-6",
name: "Customized LED Light Therapy",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/medical-staff-with-senior-people-gym_1398-4940.jpg",
imageAlt: "LED light therapy for skin",
},
id: "p-6", name: "Customized LED Light Therapy", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/medical-staff-with-senior-people-gym_1398-4940.jpg", imageAlt: "LED light therapy for skin"},
]}
title="Popular Treatment Offerings"
description="Explore our most sought-after treatments, carefully curated to deliver exceptional results and patient satisfaction."
@@ -250,40 +165,15 @@ export default function LandingPage() {
useInvertedBackground={false}
team={[
{
id: "tm-1",
name: "Dr. Emily Roberts",
role: "Lead Dermatologist",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
imageAlt: "Dr. Emily Roberts",
},
id: "tm-1", name: "Dr. Emily Roberts", role: "Lead Dermatologist", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", imageAlt: "Dr. Emily Roberts"},
{
id: "tm-2",
name: "Dr. Marcus Chen",
role: "Cosmetic Physician",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg",
imageAlt: "Dr. Marcus Chen",
},
id: "tm-2", name: "Dr. Marcus Chen", role: "Cosmetic Physician", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg", imageAlt: "Dr. Marcus Chen"},
{
id: "tm-3",
name: "Sarah Lee",
role: "Registered Nurse",
imageSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995036.jpg",
imageAlt: "Sarah Lee",
},
id: "tm-3", name: "Sarah Lee", role: "Registered Nurse", imageSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995036.jpg", imageAlt: "Sarah Lee"},
{
id: "tm-4",
name: "Jessica Wong",
role: "Senior Aesthetician",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-selfcare_23-2149168565.jpg",
imageAlt: "Jessica Wong",
},
id: "tm-4", name: "Jessica Wong", role: "Senior Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-selfcare_23-2149168565.jpg", imageAlt: "Jessica Wong"},
{
id: "tm-5",
name: "David Kim",
role: "Clinic Manager",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-white-collar-worker_1098-15577.jpg",
imageAlt: "David Kim",
},
id: "tm-5", name: "David Kim", role: "Clinic Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-white-collar-worker_1098-15577.jpg", imageAlt: "David Kim"},
]}
title="Meet Our Expert Team"
description="Our dedicated practitioners are highly qualified and passionate about helping you achieve your aesthetic and wellness goals."
@@ -295,50 +185,24 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "test-1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lesbian-couple-taking-selfie-wedding_23-2150835706.jpg",
imageAlt: "Happy client Sarah J.",
},
id: "test-1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-lesbian-couple-taking-selfie-wedding_23-2150835706.jpg", imageAlt: "Happy client Sarah J."},
{
id: "test-2",
name: "Michael D.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-cheerfully-casually-pointing-copy-space-side-feeling-happy-satisfied_1194-631901.jpg",
imageAlt: "Happy client Michael D.",
},
id: "test-2", name: "Michael D.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-cheerfully-casually-pointing-copy-space-side-feeling-happy-satisfied_1194-631901.jpg", imageAlt: "Happy client Michael D."},
{
id: "test-3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-street_1157-4738.jpg",
imageAlt: "Happy client Emily R.",
},
id: "test-3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-street_1157-4738.jpg", imageAlt: "Happy client Emily R."},
{
id: "test-4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/full-length-view-woman-elegant-dress-red-lips-looking-surprised-receive-gifts-christmas_1258-172334.jpg",
imageAlt: "Happy client David K.",
},
id: "test-4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-view-woman-elegant-dress-red-lips-looking-surprised-receive-gifts-christmas_1258-172334.jpg", imageAlt: "Happy client David K."},
{
id: "test-5",
name: "Jessica L.",
imageSrc: "http://img.b2bpic.net/free-photo/isolate-blue-smile-face-with-plus-sign-positive-thinking-mindset-happy-life-concept-by-3d-render_616485-91.jpg",
imageAlt: "Happy client Jessica L.",
},
id: "test-5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/isolate-blue-smile-face-with-plus-sign-positive-thinking-mindset-happy-life-concept-by-3d-render_616485-91.jpg", imageAlt: "Happy client Jessica L."},
{
id: "test-6",
name: "Daniel M.",
imageSrc: "http://img.b2bpic.net/free-photo/mental-health-care-sketch-diagram_53876-128064.jpg",
imageAlt: "Happy client Daniel M.",
},
id: "test-6", name: "Daniel M.", imageSrc: "http://img.b2bpic.net/free-photo/mental-health-care-sketch-diagram_53876-128064.jpg", imageAlt: "Happy client Daniel M."},
]}
cardTitle="What Our Patients Say"
cardTag="Trusted Reviews"
cardTagIcon={Star}
buttons={[
{
text: "Read More Stories",
href: "#",
},
text: "Read More Stories", href: "#"},
]}
buttonAnimation="blur-reveal"
cardAnimation="slide-up"
@@ -351,30 +215,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What services does The Greville Clinic offer?",
content: "We offer a comprehensive range of aesthetic and wellness treatments, including advanced skin therapies, cosmetic injectables, body contouring, and hair restoration. Please visit our Services page for full details.",
},
id: "q1", title: "What services does The Greville Clinic offer?", content: "We offer a comprehensive range of aesthetic and wellness treatments, including advanced skin therapies, cosmetic injectables, body contouring, and hair restoration. Please visit our Services page for full details."},
{
id: "q2",
title: "How can I book an appointment?",
content: "You can book an appointment directly through our website by filling out the contact form, or by calling our clinic during business hours. We also offer online consultation booking.",
},
id: "q2", title: "How can I book an appointment?", content: "You can book an appointment directly through our website by filling out the contact form, or by calling our clinic during business hours. We also offer online consultation booking."},
{
id: "q3",
title: "Do you offer consultations before treatment?",
content: "Yes, we highly recommend a personalized consultation with one of our specialists before any treatment. This ensures we understand your goals and can recommend the most suitable plan for you.",
},
id: "q3", title: "Do you offer consultations before treatment?", content: "Yes, we highly recommend a personalized consultation with one of our specialists before any treatment. This ensures we understand your goals and can recommend the most suitable plan for you."},
{
id: "q4",
title: "What are your operating hours?",
content: "Our clinic is open Monday to Friday from 9 AM to 6 PM, and Saturdays from 10 AM to 4 PM. We are closed on Sundays and public holidays.",
},
id: "q4", title: "What are your operating hours?", content: "Our clinic is open Monday to Friday from 9 AM to 6 PM, and Saturdays from 10 AM to 4 PM. We are closed on Sundays and public holidays."},
{
id: "q5",
title: "What payment options do you accept?",
content: "We accept all major credit cards, debit cards, and offer various payment plans through third-party providers. Please inquire with our front desk for more details.",
},
id: "q5", title: "What payment options do you accept?", content: "We accept all major credit cards, debit cards, and offer various payment plans through third-party providers. Please inquire with our front desk for more details."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our clinic, treatments, and booking process."
@@ -395,38 +244,11 @@ export default function LandingPage() {
tagAnimation="blur-reveal"
blogs={[
{
id: "b-1",
category: "Skincare",
title: "The Ultimate Guide to Hydrated Skin",
excerpt: "Discover the best ingredients and routines to keep your skin plump and radiant all year round.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200187.jpg",
imageAlt: "Skincare routine products",
authorName: "Dr. Emily Roberts",
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-posing-indoors_23-2148345665.jpg",
date: "July 15, 2024",
},
id: "b-1", category: "Skincare", title: "The Ultimate Guide to Hydrated Skin", excerpt: "Discover the best ingredients and routines to keep your skin plump and radiant all year round.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200187.jpg", imageAlt: "Skincare routine products", authorName: "Dr. Emily Roberts", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-posing-indoors_23-2148345665.jpg", date: "July 15, 2024"},
{
id: "b-2",
category: "Treatments",
title: "Understanding Anti-Wrinkle Injections",
excerpt: "Demystifying the popular cosmetic treatment: how it works, what to expect, and benefits.",
imageSrc: "http://img.b2bpic.net/free-photo/wellness-exercise-health-lifestyle-nutrition-concept_53876-124995.jpg",
imageAlt: "Aesthetic treatment results",
authorName: "Dr. Marcus Chen",
authorAvatar: "http://img.b2bpic.net/free-photo/specialist-leading-meeting-with-medical-team-discuss-treatment-service_482257-106971.jpg",
date: "July 10, 2024",
},
id: "b-2", category: "Treatments", title: "Understanding Anti-Wrinkle Injections", excerpt: "Demystifying the popular cosmetic treatment: how it works, what to expect, and benefits.", imageSrc: "http://img.b2bpic.net/free-photo/wellness-exercise-health-lifestyle-nutrition-concept_53876-124995.jpg", imageAlt: "Aesthetic treatment results", authorName: "Dr. Marcus Chen", authorAvatar: "http://img.b2bpic.net/free-photo/specialist-leading-meeting-with-medical-team-discuss-treatment-service_482257-106971.jpg", date: "July 10, 2024"},
{
id: "b-3",
category: "Wellness",
title: "Boosting Your Wellness from Within",
excerpt: "Tips for a balanced diet, stress management, and lifestyle choices for overall well-being.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-summer-lemonade_23-2148197845.jpg",
imageAlt: "Healthy food ingredients",
authorName: "Jessica Wong",
authorAvatar: "http://img.b2bpic.net/free-photo/excited-pretty-young-blonde-caucasian-woman-wearing-white-shirt-pointing-her-index-finger-sideways-smiling-joyfully-with-her-white-teeth-showing-something-surprising-gray-copy-space-wall_176420-13590.jpg",
date: "July 5, 2024",
},
id: "b-3", category: "Wellness", title: "Boosting Your Wellness from Within", excerpt: "Tips for a balanced diet, stress management, and lifestyle choices for overall well-being.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-summer-lemonade_23-2148197845.jpg", imageAlt: "Healthy food ingredients", authorName: "Jessica Wong", authorAvatar: "http://img.b2bpic.net/free-photo/excited-pretty-young-blonde-caucasian-woman-wearing-white-shirt-pointing-her-index-finger-sideways-smiling-joyfully-with-her-white-teeth-showing-something-surprising-gray-copy-space-wall_176420-13590.jpg", date: "July 5, 2024"},
]}
/>
</div>
@@ -435,15 +257,14 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Book Your Consultation Today"
description="Ready to start your journey to enhanced beauty and wellness? Contact us to schedule a personalized consultation with our experts."
tagAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/woman-with-phone-college_23-2147678884.jpg"
imageAlt="Clinic consultation"
mediaAnimation="reveal-blur"
mediaAnimation="blur-reveal"
mediaPosition="left"
inputPlaceholder="Your Email Address"
buttonText="Send Message"
@@ -455,66 +276,39 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Team",
href: "#team",
},
label: "Team", href: "#team"},
],
},
{
title: "Treatments",
items: [
title: "Treatments", items: [
{
label: "Skin Treatments",
href: "#treatments",
},
label: "Skin Treatments", href: "#treatments"},
{
label: "Injectables",
href: "#treatments",
},
label: "Injectables", href: "#treatments"},
{
label: "Body Contouring",
href: "#treatments",
},
label: "Body Contouring", href: "#treatments"},
{
label: "Hair Restoration",
href: "#treatments",
},
label: "Hair Restoration", href: "#treatments"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}