Merge version_2 into main #4
214
src/app/page.tsx
214
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -28,208 +28,100 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Procedures", id: "#procedures"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Procedures", id: "#procedures" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Apex Surgery"
|
||||
brandName="Doc Mazanhi"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
<HeroSignup
|
||||
tag="Precision Surgical Care"
|
||||
title="Excellence in Surgical Care"
|
||||
description="Providing personalized, compassionate, and precision-led surgical solutions. Your health and comfort are our highest priorities."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.", handle: "@patient", testimonial: "Exceptional care and recovery. The surgeon was incredibly detailed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg?_wi=1"},
|
||||
{
|
||||
name: "John D.", handle: "@patient", testimonial: "I felt safe throughout the entire process. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-colleagues-handshaking-hospital_23-2147767570.jpg?_wi=1"},
|
||||
{
|
||||
name: "Sarah P.", handle: "@patient", testimonial: "Professional, clean, and truly expert surgical team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg?_wi=1"},
|
||||
{
|
||||
name: "Mark L.", handle: "@patient", testimonial: "The best surgical experience I have ever had. Truly grateful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg?_wi=1"},
|
||||
{
|
||||
name: "Emma R.", handle: "@patient", testimonial: "Clear communication and perfect results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg?_wi=1"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-scalpel-with-other-medical-instruments_23-2149299225.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg", alt: "Patient 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-colleagues-handshaking-hospital_23-2147767570.jpg", alt: "Patient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg", alt: "Patient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg", alt: "Patient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg", alt: "Patient 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Precision"},
|
||||
{
|
||||
type: "text", text: "Compassion"},
|
||||
{
|
||||
type: "text", text: "Excellence"},
|
||||
{
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text", text: "Reliability"},
|
||||
]}
|
||||
description="Dr. Mazanhi provides personalized, compassionate, and precision-led surgical solutions. Your health and comfort are our highest priorities."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
buttonText="Book Consultation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Surgical Partner"
|
||||
description="With over 20 years of experience, our surgery is dedicated to delivering outcomes that restore health and improve quality of life."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+", title: "Years Experience"},
|
||||
{
|
||||
value: "5k+", title: "Successful Surgeries"},
|
||||
{
|
||||
value: "99%", title: "Patient Satisfaction"},
|
||||
description={[
|
||||
"With over 20 years of experience, Dr. Mazanhi is dedicated to delivering outcomes that restore health and improve quality of life.", "Our clinic uses the latest minimally invasive techniques to ensure faster recovery times and better patient experiences."
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-medical-gown_23-2149609882.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="procedures" data-section="procedures">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwentyEight
|
||||
title="Our Specialized Procedures"
|
||||
description="Comprehensive surgical services handled with utmost professional care."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Minimally Invasive Surgery", description: "Faster recovery with high-precision techniques.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-line-icons-set-infographics_1057-10855.jpg?_wi=1", imageAlt: "Minimally Invasive 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-line-icons-set-infographics_1057-10855.jpg?_wi=2", imageAlt: "Minimally Invasive 2"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Orthopedic Surgery", description: "Restoring movement and eliminating chronic pain.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/surgery-medical-icons-design-concept_98292-450.jpg?_wi=1", imageAlt: "Orthopedic 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/surgery-medical-icons-design-concept_98292-450.jpg?_wi=2", imageAlt: "Orthopedic 2"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Cosmetic Reconstruction", description: "Restorative surgical care focusing on aesthetic goals.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medicine-infographics_23-2148657509.jpg?_wi=1", imageAlt: "Reconstruction 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medicine-infographics_23-2148657509.jpg?_wi=2", imageAlt: "Reconstruction 2"},
|
||||
],
|
||||
},
|
||||
{ id: "p1", title: "Minimally Invasive Surgery", subtitle: "Faster Recovery", category: "Surgery", value: "High Precision" },
|
||||
{ id: "p2", title: "Orthopedic Surgery", subtitle: "Movement Restoration", category: "Orthopedics", value: "Chronic Pain Relief" },
|
||||
{ id: "p3", title: "Reconstructive Care", subtitle: "Aesthetic Results", category: "Reconstruction", value: "Restorative" },
|
||||
]}
|
||||
title="Our Specialized Procedures"
|
||||
description="We offer a wide range of surgical services designed to handle complex health needs with utmost care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Life Changing", quote: "I felt supported at every single step of the process.", name: "Alice M.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg?_wi=2"},
|
||||
{
|
||||
id: "2", title: "Expert Team", quote: "The entire team was highly professional and compassionate.", name: "John D.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-colleagues-handshaking-hospital_23-2147767570.jpg?_wi=2"},
|
||||
{
|
||||
id: "3", title: "Great Results", quote: "I am so happy with the recovery time and result.", name: "Sarah P.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-shaking-hands-with-senior-man-who-came-medical-appointment-with-his-wife_637285-1501.jpg?_wi=2"},
|
||||
{
|
||||
id: "4", title: "Comforting Care", quote: "A wonderful experience for such a nerve-wracking situation.", name: "Mark L.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/pharmacist-work_23-2150600109.jpg?_wi=2"},
|
||||
{
|
||||
id: "5", title: "Highly Professional", quote: "Surgical excellence combined with great bedside manner.", name: "Emma R.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/social-worker-taking-care-old-woman_23-2149031322.jpg?_wi=2"},
|
||||
]}
|
||||
<TestimonialCardFive
|
||||
title="Patient Journeys"
|
||||
description="Read about the transformative impact of our care on our patients."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice M.", date: "Oct 2023", title: "Life Changing", quote: "I felt supported at every single step of the process.", tag: "Surgery", avatarSrc: "" },
|
||||
{ id: "t2", name: "John D.", date: "Nov 2023", title: "Expert Team", quote: "The entire team was highly professional and compassionate.", tag: "Surgery", avatarSrc: "" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
<FaqSplitText
|
||||
sideTitle="Common Patient Questions"
|
||||
sideDescription="Find answers to questions regarding recovery, preparation, and scheduling."
|
||||
faqsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How do I prepare for surgery?", content: "We will provide you with a comprehensive guide including medication adjustments and lifestyle tips."},
|
||||
{
|
||||
id: "q2", title: "What is the recovery time?", content: "Recovery varies by procedure; we ensure you have clear timelines and support throughout."},
|
||||
{
|
||||
id: "q3", title: "Is follow-up care included?", content: "Yes, we ensure all necessary follow-up appointments are scheduled before you leave the clinic."},
|
||||
{ id: "q1", title: "How do I prepare for surgery?", content: "We will provide a comprehensive guide prior to your appointment." },
|
||||
{ id: "q2", title: "What is the recovery time?", content: "Recovery varies; we ensure clear timelines and support." },
|
||||
]}
|
||||
title="Common Patient Questions"
|
||||
description="Find answers to questions regarding recovery, preparation, and scheduling."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactSplitForm
|
||||
title="Schedule a Consultation"
|
||||
description="Contact Dr. Mazanhi's office to discuss your surgical options."
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to discuss your health? Contact our team for an initial consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation", href: "#contact"},
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Apex Surgery"
|
||||
<FooterBase
|
||||
logoText="Doc Mazanhi"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Procedures", href: "#procedures"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Clinic", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Navigate", items: [{ label: "About", href: "#about" }, { label: "Procedures", href: "#procedures" }] },
|
||||
{ title: "Clinic", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user