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);