Merge version_1 into main #2
300
src/app/page.tsx
300
src/app/page.tsx
@@ -25,213 +25,111 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Recovery Center"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Recovery Center"
|
||||
button={{ text: "Book Consultation", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Recovery Center"
|
||||
description="أن نكون الوجهة الرائدة في الشرق الأوسط للتعافي النفسي والسلوكي، عبر دمج أحدث المدارس العلاجية العالمية في بيئة آمنة تضمن الخصوصية وتصون الكرامة الإنسانية."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/patients-stomatology-reception-waiting-line-taking-filling-form-doctor-examining-senior-man-discussing-teeh-healthcare_482257-4850.jpg"
|
||||
imageAlt="Recovery Center Lounge"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Recovery Center"
|
||||
description="أن نكون الوجهة الرائدة في الشرق الأوسط للتعافي النفسي والسلوكي، عبر دمج أحدث المدارس العلاجية العالمية في بيئة آمنة تضمن الخصوصية وتصون الكرامة الإنسانية."
|
||||
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/patients-stomatology-reception-waiting-line-taking-filling-form-doctor-examining-senior-man-discussing-teeh-healthcare_482257-4850.jpg"
|
||||
imageAlt="Recovery Center Lounge"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Empowering Life Balance"
|
||||
description="Empowering individuals to reclaim their life balance through specialized, evidence-based treatment programs. We blend medical expertise with modern analytical approaches (such as DBT, CBT, and ACT) to provide a comprehensive recovery journey."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Evidence-Based Modalities",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Commitment to Privacy",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Clinical Support",
|
||||
},
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Lives Transformed",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg"
|
||||
imageAlt="Consultation Room"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Empowering Life Balance"
|
||||
description="Empowering individuals to reclaim their life balance through specialized, evidence-based treatment programs. We blend medical expertise with modern analytical approaches (such as DBT, CBT, and ACT) to provide a comprehensive recovery journey."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Evidence-Based Modalities" },
|
||||
{ value: "100%", title: "Commitment to Privacy" },
|
||||
{ value: "24/7", title: "Clinical Support" },
|
||||
{ value: "1000+", title: "Lives Transformed" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg"
|
||||
imageAlt="Consultation Room"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "v1",
|
||||
title: "Uncompromising Confidentiality",
|
||||
descriptions: [
|
||||
"Patient privacy is our highest priority, strictly adhering to international standards.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-human-brains-watering-can_23-2150547701.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "v2",
|
||||
title: "Holistic Care",
|
||||
descriptions: [
|
||||
"We treat the human as a complete entity—psychologically, behaviorally, and physically.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-aloe-vera_23-2147721601.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "v3",
|
||||
title: "Safe Haven",
|
||||
descriptions: [
|
||||
"Providing a quiet, sophisticated, and calming environment for deep healing.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-her-hands-with-copy-space_23-2148286470.jpg",
|
||||
},
|
||||
{
|
||||
id: "v4",
|
||||
title: "Global Standards",
|
||||
descriptions: [
|
||||
"Integrating world-class therapeutic practices for all our international patients.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-human-brains-watering-can_23-2150547701.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "v5",
|
||||
title: "Expert Team",
|
||||
descriptions: [
|
||||
"Our clinical team consists of world-renowned specialists in behavioral health.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-aloe-vera_23-2147721601.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Core Values"
|
||||
description="We are committed to providing world-class psychological recovery with these guiding pillars."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "v1", title: "Uncompromising Confidentiality", descriptions: ["Patient privacy is our highest priority, strictly adhering to international standards."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-human-brains-watering-can_23-2150547701.jpg" },
|
||||
{ id: "v2", title: "Holistic Care", descriptions: ["We treat the human as a complete entity—psychologically, behaviorally, and physically."], imageSrc: "http://img.b2bpic.net/free-photo/background-with-aloe-vera_23-2147721601.jpg" },
|
||||
{ id: "v3", title: "Safe Haven", descriptions: ["Providing a quiet, sophisticated, and calming environment for deep healing."], imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-her-hands-with-copy-space_23-2148286470.jpg" },
|
||||
{ id: "v4", title: "Global Standards", descriptions: ["Integrating world-class therapeutic practices for all our international patients."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-human-brains-watering-can_23-2150547701.jpg" },
|
||||
{ id: "v5", title: "Expert Team", descriptions: ["Our clinical team consists of world-renowned specialists in behavioral health."], imageSrc: "http://img.b2bpic.net/free-photo/background-with-aloe-vera_23-2147721601.jpg" },
|
||||
]}
|
||||
title="Our Core Values"
|
||||
description="We are committed to providing world-class psychological recovery with these guiding pillars."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What therapies do you offer?",
|
||||
content: "We provide DBT, CBT, and ACT evidence-based modalities.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my privacy guaranteed?",
|
||||
content: "Yes, we adhere to strict international confidentiality standards.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I visit from abroad?",
|
||||
content: "Absolutely, our recovery journey is designed to transcend borders.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How long is the program?",
|
||||
content: "Programs are tailored to the individual, typically ranging from 4 to 12 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Do you offer family support?",
|
||||
content: "Yes, we integrate family therapy sessions as part of our holistic approach.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our recovery journey."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What therapies do you offer?", content: "We provide DBT, CBT, and ACT evidence-based modalities." },
|
||||
{ id: "q2", title: "Is my privacy guaranteed?", content: "Yes, we adhere to strict international confidentiality standards." },
|
||||
{ id: "q3", title: "Can I visit from abroad?", content: "Absolutely, our recovery journey is designed to transcend borders." },
|
||||
{ id: "q4", title: "How long is the program?", content: "Programs are tailored to the individual, typically ranging from 4 to 12 weeks." },
|
||||
{ id: "q5", title: "Do you offer family support?", content: "Yes, we integrate family therapy sessions as part of our holistic approach." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our recovery journey."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Start Your Recovery"
|
||||
description="Connect with our team to begin your journey toward a stable and fulfilling life."
|
||||
tag="Get in touch"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Start Your Recovery"
|
||||
description="Connect with our team to begin your journey toward a stable and fulfilling life."
|
||||
tag="Get in touch"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Recovery Center"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Recovery Center"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user