Compare commits
28 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6b1e88c08c | |||
| 819f69b517 | |||
| ebdbc9b72e | |||
| 81bf1df5fa | |||
| 2565c324f2 | |||
| ef9a6c5404 | |||
| 3d65489f39 | |||
| 6d2b147312 | |||
| d6a8aae1f0 | |||
| 9513f7acf4 | |||
| 0ce084ddfe | |||
| 8a6a36730c | |||
| 1032daaa65 | |||
| c785c25ac3 | |||
| 56b6117227 | |||
| 5a3436354c | |||
| de2e56f5e1 | |||
| 2c7055f68f | |||
| 8dd32a9909 | |||
| 035b5e604f | |||
| b0eee0f125 | |||
| 1c4074af39 | |||
| d34f79b418 | |||
| 3c6750625b | |||
| 421468d924 | |||
| 339880a66a | |||
| b0f57fe67b | |||
| 2abe3f33b3 |
@@ -7,10 +7,10 @@
|
|||||||
--background: #ffffff;;
|
--background: #ffffff;;
|
||||||
--card: #fafafa;;
|
--card: #fafafa;;
|
||||||
--foreground: #000000;;
|
--foreground: #000000;;
|
||||||
--primary-cta: #ff6600;;
|
--primary-cta: #409fff;;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #ffffff;;
|
||||||
--accent: #e5e5e5;;
|
--accent: #c7e2fc;;
|
||||||
--background-accent: #f5f5f5;;
|
--background-accent: #9bcfff;;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
@@ -495,7 +495,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-plus-jakarta-sans), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -508,5 +508,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-plus-jakarta-sans), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
}
|
}
|
||||||
@@ -1,11 +1,11 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Plus_Jakarta_Sans } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
|
|
||||||
const plusJakartaSans = Plus_Jakarta_Sans({
|
const inter = Inter({
|
||||||
variable: "--font-plus-jakarta-sans",
|
variable: "--font-inter",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -35,7 +35,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body
|
||||||
className={plusJakartaSans.variable}
|
className={inter.variable}
|
||||||
>
|
>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
@@ -1261,4 +1261,4 @@ export default function RootLayout({
|
|||||||
</ServiceWrapper>
|
</ServiceWrapper>
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
128
src/app/page.tsx
128
src/app/page.tsx
@@ -1,12 +1,13 @@
|
|||||||
"use client"
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||||
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||||
|
import TeamCardThree from '@/components/sections/team/TeamCardThree';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterSplit from '@/components/sections/footer/FooterSplit';
|
import FooterSplit from '@/components/sections/footer/FooterSplit';
|
||||||
import { Phone, Mail, MapPin } from "lucide-react";
|
import { Phone, Mail, MapPin, Users } from "lucide-react";
|
||||||
|
|
||||||
export default function Page() {
|
export default function Page() {
|
||||||
return (
|
return (
|
||||||
@@ -28,6 +29,7 @@ export default function Page() {
|
|||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "hero" },
|
{ name: "Home", id: "hero" },
|
||||||
{ name: "Our Cases", id: "cases" },
|
{ name: "Our Cases", id: "cases" },
|
||||||
|
{ name: "Team", id: "team" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "Contact", id: "contact" }
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
@@ -39,7 +41,7 @@ export default function Page() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroOverlay
|
||||||
title="Your Path to Recovery Starts Here"
|
title="Your Path to Recovery"
|
||||||
description="Professional addiction recovery center dedicated to helping individuals reclaim their lives through compassionate care and evidence-based treatment."
|
description="Professional addiction recovery center dedicated to helping individuals reclaim their lives through compassionate care and evidence-based treatment."
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754765343-zikp31v3.jpg"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754765343-zikp31v3.jpg"
|
||||||
imageAlt="Recovery and healing"
|
imageAlt="Recovery and healing"
|
||||||
@@ -53,45 +55,116 @@ export default function Page() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="cases" data-section="cases">
|
<div id="cases" data-section="cases">
|
||||||
<TestimonialCardNine
|
<TestimonialCardFifteen
|
||||||
title="Our Success Stories"
|
testimonial="Real transformations from individuals who found hope and healing through our program."
|
||||||
description="Real transformations from individuals who found hope and healing through our program. Names have been changed to protect privacy."
|
rating={5}
|
||||||
textboxLayout="default"
|
author="Recovery Center Patients"
|
||||||
|
avatars={[
|
||||||
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929318409-kyt0epdo.jpg", alt: "Patient 1" },
|
||||||
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg", alt: "Patient 2" },
|
||||||
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg", alt: "Patient 3" },
|
||||||
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg", alt: "Patient 4" },
|
||||||
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929318409-kyt0epdo.jpg", alt: "Patient 5" }
|
||||||
|
]}
|
||||||
useInvertedBackground="noInvert"
|
useInvertedBackground="noInvert"
|
||||||
testimonials={[
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="team" data-section="team">
|
||||||
|
<TeamCardThree
|
||||||
|
members={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1",
|
||||||
quote: "The staff here genuinely cared about my recovery. Their comprehensive approach helped me understand the root of my addiction and gave me tools I never had before.",
|
name: "Dr. Sarah Johnson",
|
||||||
name: "Patient A",
|
role: "Medical Director",
|
||||||
role: "6 months sober",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767004640474-ffr3vlpo.jpg",
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929318409-kyt0epdo.jpg",
|
imageAlt: "Dr. Sarah Johnson"
|
||||||
imageAlt: "Patient success story"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2",
|
||||||
quote: "Coming here was the best decision I ever made. The therapy sessions were eye-opening and the supportive community made all the difference in my journey.",
|
name: "Michael Chen",
|
||||||
name: "Patient B",
|
role: "Clinical Therapist",
|
||||||
role: "1 year sober",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
|
||||||
imageAlt: "Patient recovery milestone"
|
imageAlt: "Michael Chen"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3",
|
||||||
quote: "I felt hopeless when I arrived, but the dedicated team helped me see a future worth fighting for. I'm grateful every day for this program.",
|
name: "Emma Davis",
|
||||||
name: "Patient C",
|
role: "Counselor",
|
||||||
role: "9 months sober",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg",
|
||||||
imageAlt: "Patient healing journey"
|
imageAlt: "Emma Davis"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4",
|
||||||
quote: "The personalized treatment plan worked perfectly for me. The family counseling sessions also helped repair my relationships and rebuild trust.",
|
name: "James Wilson",
|
||||||
name: "Patient D",
|
role: "Addiction Specialist",
|
||||||
role: "2 years sober",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg",
|
||||||
imageAlt: "Patient transformation story"
|
imageAlt: "James Wilson"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "5",
|
||||||
|
name: "Lisa Martinez",
|
||||||
|
role: "Nutritionist",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767004640474-ffr3vlpo.jpg",
|
||||||
|
imageAlt: "Lisa Martinez"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "6",
|
||||||
|
name: "David Thompson",
|
||||||
|
role: "Fitness Coordinator",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
|
||||||
|
imageAlt: "David Thompson"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "7",
|
||||||
|
name: "Rachel Green",
|
||||||
|
role: "Family Counselor",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg",
|
||||||
|
imageAlt: "Rachel Green"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "8",
|
||||||
|
name: "Dr. Mark Anderson",
|
||||||
|
role: "Psychiatrist",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg",
|
||||||
|
imageAlt: "Dr. Mark Anderson"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "9",
|
||||||
|
name: "Patricia Lewis",
|
||||||
|
role: "Wellness Coach",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767004640474-ffr3vlpo.jpg",
|
||||||
|
imageAlt: "Patricia Lewis"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "10",
|
||||||
|
name: "Kevin Hall",
|
||||||
|
role: "Career Counselor",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
|
||||||
|
imageAlt: "Kevin Hall"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "11",
|
||||||
|
name: "Jennifer White",
|
||||||
|
role: "Art Therapist",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg",
|
||||||
|
imageAlt: "Jennifer White"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "12",
|
||||||
|
name: "Dr. Thomas Reed",
|
||||||
|
role: "Chief Medical Officer",
|
||||||
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg",
|
||||||
|
imageAlt: "Dr. Thomas Reed"
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
|
animationType="slide-up"
|
||||||
|
title="Meet Our Specialists"
|
||||||
|
description="Our dedicated team of experienced professionals is committed to your recovery journey. Each specialist brings unique expertise and compassion to support your healing."
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
tag="Our Team"
|
||||||
|
tagIcon={Users}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -117,6 +190,7 @@ export default function Page() {
|
|||||||
items: [
|
items: [
|
||||||
{ label: "Home", href: "#hero" },
|
{ label: "Home", href: "#hero" },
|
||||||
{ label: "Our Cases", href: "#cases" },
|
{ label: "Our Cases", href: "#cases" },
|
||||||
|
{ label: "Team", href: "#team" },
|
||||||
{ label: "Contact", href: "#contact" }
|
{ label: "Contact", href: "#contact" }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -138,4 +212,4 @@ export default function Page() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user