Merge version_2 into main #2
228
src/app/page.tsx
228
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() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SOS Health"
|
||||
/>
|
||||
@@ -54,95 +46,54 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="Your Health, Our Priority"
|
||||
description="At SOS Health, we provide compassionate, professional care tailored to your needs. Experience healthcare that focuses on you, your well-being, and your recovery."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jane D.",
|
||||
handle: "@janedoe",
|
||||
testimonial: "SOS Health completely changed my recovery experience. Professional, fast, and very caring.",
|
||||
rating: 5,
|
||||
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=1",
|
||||
},
|
||||
name: "Jane D.", handle: "@janedoe", testimonial: "SOS Health completely changed my recovery experience. Professional, fast, and very caring.", rating: 5,
|
||||
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=1"},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "The best healthcare services I've ever experienced. Truly personalized attention.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-senior-man-with-arms-crossed_1262-1736.jpg?_wi=1",
|
||||
},
|
||||
name: "Mark S.", handle: "@marks", testimonial: "The best healthcare services I've ever experienced. Truly personalized attention.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-senior-man-with-arms-crossed_1262-1736.jpg?_wi=1"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Responsive, kind, and effective. SOS Health is the standard for modern care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-is-looking-camera-by-putting-hands-waist-white-background_176474-118442.jpg?_wi=1",
|
||||
},
|
||||
name: "Emily R.", handle: "@emilyr", testimonial: "Responsive, kind, and effective. SOS Health is the standard for modern care.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-is-looking-camera-by-putting-hands-waist-white-background_176474-118442.jpg?_wi=1"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "I highly recommend SOS Health. They prioritize patients above everything else.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-park_1303-28948.jpg?_wi=1",
|
||||
},
|
||||
name: "David K.", handle: "@davidk", testimonial: "I highly recommend SOS Health. They prioritize patients above everything else.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-park_1303-28948.jpg?_wi=1"},
|
||||
{
|
||||
name: "Sarah W.",
|
||||
handle: "@sarahw",
|
||||
testimonial: "Incredible team. Supportive throughout my entire treatment plan.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah W.", handle: "@sarahw", testimonial: "Incredible team. Supportive throughout my entire treatment plan.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg?_wi=1"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-patient-looking-radiography_23-2148816215.jpg"
|
||||
imageAlt="Health consultation at SOS Health"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/irritated-young-blonde-girl-standing-with-closed-posture-looking-isolated-pink-wall-with-copy-space_141793-112832.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/irritated-young-blonde-girl-standing-with-closed-posture-looking-isolated-pink-wall-with-copy-space_141793-112832.jpg", alt: "Patient 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-senior-man-with-arms-crossed_1262-1736.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-senior-man-with-arms-crossed_1262-1736.jpg", alt: "Patient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-is-looking-camera-by-putting-hands-waist-white-background_176474-118442.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-is-looking-camera-by-putting-hands-waist-white-background_176474-118442.jpg", alt: "Patient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-park_1303-28948.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-park_1303-28948.jpg", alt: "Patient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", alt: "Patient 5"},
|
||||
]}
|
||||
avatarText="Trusted by over 10,000+ patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Doctors",
|
||||
},
|
||||
type: "text", text: "Expert Doctors"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Facilities",
|
||||
},
|
||||
type: "text", text: "Modern Facilities"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Booking",
|
||||
},
|
||||
type: "text", text: "Fast Booking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Insurance Accepted",
|
||||
},
|
||||
type: "text", text: "Insurance Accepted"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready for better health?"
|
||||
description="Reach out to us today to book an appointment or ask any questions. We are here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "SOS Health",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 SOS Health."
|
||||
bottomRightText="All rights reserved."
|
||||
<FooterLogoReveal
|
||||
logoText="SOS Health"
|
||||
leftLink={{
|
||||
text: "© 2024 SOS Health.", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "All rights reserved.", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user