diff --git a/src/app/page.tsx b/src/app/page.tsx
index 58beaeb..fa18280 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -30,21 +30,13 @@ export default function LandingPage() {
@@ -54,95 +46,54 @@ export default function LandingPage() {
@@ -154,19 +105,13 @@ export default function LandingPage() {
metrics={[
{
icon: CheckCircle,
- label: "Patients Served",
- value: "10,000+",
- },
+ label: "Patients Served", value: "10,000+"},
{
icon: Award,
- label: "Years Experience",
- value: "20+",
- },
+ label: "Years Experience", value: "20+"},
{
icon: Star,
- label: "Customer Satisfaction",
- value: "99%",
- },
+ label: "Customer Satisfaction", value: "99%"},
]}
metricsAnimation="slide-up"
/>
@@ -179,34 +124,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
- id: "f1",
- label: "Care",
- title: "Primary Care",
- items: [
- "General check-ups",
- "Preventive medicine",
- "Chronic care",
- ],
+ id: "f1", label: "Care", title: "Primary Care", items: [
+ "General check-ups", "Preventive medicine", "Chronic care"],
},
{
- id: "f2",
- label: "Wellness",
- title: "Holistic Wellness",
- items: [
- "Nutrition counseling",
- "Stress management",
- "Mental health support",
- ],
+ id: "f2", label: "Wellness", title: "Holistic Wellness", items: [
+ "Nutrition counseling", "Stress management", "Mental health support"],
},
{
- id: "f3",
- label: "Specialty",
- title: "Specialized Support",
- items: [
- "Specialist referrals",
- "Diagnostics",
- "Custom recovery plans",
- ],
+ id: "f3", label: "Specialty", title: "Specialized Support", items: [
+ "Specialist referrals", "Diagnostics", "Custom recovery plans"],
},
]}
title="Comprehensive Healthcare Services"
@@ -221,40 +148,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
- id: "t1",
- name: "Jane D.",
- handle: "@janedoe",
- testimonial: "Professional, fast, and very caring.",
- imageSrc: "http://img.b2bpic.net/free-photo/irritated-young-blonde-girl-standing-with-closed-posture-looking-isolated-pink-wall-with-copy-space_141793-112832.jpg?_wi=2",
- },
+ id: "t1", name: "Jane D.", handle: "@janedoe", testimonial: "Professional, fast, and very caring.", imageSrc: "http://img.b2bpic.net/free-photo/irritated-young-blonde-girl-standing-with-closed-posture-looking-isolated-pink-wall-with-copy-space_141793-112832.jpg?_wi=2"},
{
- id: "t2",
- name: "Mark S.",
- handle: "@marks",
- testimonial: "The best healthcare services I've ever experienced.",
- imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-senior-man-with-arms-crossed_1262-1736.jpg?_wi=2",
- },
+ id: "t2", name: "Mark S.", handle: "@marks", testimonial: "The best healthcare services I've ever experienced.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-senior-man-with-arms-crossed_1262-1736.jpg?_wi=2"},
{
- id: "t3",
- name: "Emily R.",
- handle: "@emilyr",
- testimonial: "Responsive, kind, and effective.",
- imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-is-looking-camera-by-putting-hands-waist-white-background_176474-118442.jpg?_wi=2",
- },
+ id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Responsive, kind, and effective.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-is-looking-camera-by-putting-hands-waist-white-background_176474-118442.jpg?_wi=2"},
{
- id: "t4",
- name: "David K.",
- handle: "@davidk",
- testimonial: "I highly recommend SOS Health.",
- imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-park_1303-28948.jpg?_wi=2",
- },
+ id: "t4", name: "David K.", handle: "@davidk", testimonial: "I highly recommend SOS Health.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-park_1303-28948.jpg?_wi=2"},
{
- id: "t5",
- name: "Sarah W.",
- handle: "@sarahw",
- testimonial: "Incredible team. Supportive throughout.",
- imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg?_wi=2",
- },
+ id: "t5", name: "Sarah W.", handle: "@sarahw", testimonial: "Incredible team. Supportive throughout.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg?_wi=2"},
]}
title="Voices of Health"
description="Read what our community has to say about their journey with SOS Health."
@@ -265,56 +167,26 @@ export default function LandingPage() {
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 0435273..f3435b3 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
- font-family: var(--font-archivo), sans-serif;
+ font-family: var(--font-playfair), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
- font-family: var(--font-archivo), sans-serif;
+ font-family: var(--font-playfair), sans-serif;
}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 4fd73bf..4337275 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #ffffff;
- --card: #f9f9f9;
- --foreground: #000612e6;
- --primary-cta: #15479c;
+ --background: #fbf8f3;
+ --card: #f0ede6;
+ --foreground: #3d3831;
+ --primary-cta: #b88a50;
--primary-cta-text: #ffffff;
- --secondary-cta: #f9f9f9;
+ --secondary-cta: #f0ede6;
--secondary-cta-text: #000612e6;
- --accent: #e2e2e2;
- --background-accent: #c4c4c4;
+ --accent: #d6c3a8;
+ --background-accent: #e6d5bf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);