Update src/app/styles/variables.css

src/app/page.tsx

@@ -9,7 +9,8 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { Activity, Award, Calendar, Droplet, Gauge, Heart, MapPin, Shield, User } from "lucide-react";
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Activity, Award, Calendar, CheckCircle, Droplet, Gauge, Heart, MapPin, Shield, User, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,22 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Approach", id: "about" },
-          id: "hero",
+        { name: "Why Us", id: "services" },
-        },
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Approach",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Dr. Joseph Yang, DO"
     />
@@ -52,20 +42,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       logoText="Dr. Joseph Yang, DO"
       description="Providing personalized, compassionate Family Medicine for you and your family in Colorado Springs, CO. Your partner in long-term wellness."
       buttons={[
-        {
+        { text: "Book an Appointment", href: "#contact" },
-          text: "Book an Appointment",
+        { text: "Learn More", href: "#about" },
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-bright-medical-office-having-computer-table-with-coronavirus-cell-screen-virus-examination-hospital-room-with-nobody-it-equipped-with-professional-tools-virus-illustration_482257-39808.jpg"
       mediaAnimation="slide-up"
@@ -78,31 +60,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Comprehensive Care Philosophy"
       metrics={[
-        {
+        { icon: Award, label: "Clinical Expertise", value: "Family Medicine Specialist" },
-          icon: Award,
+        { icon: Heart, label: "Patient Approach", value: "Compassionate Care" },
-          label: "Clinical Expertise",
+        { icon: MapPin, label: "Clinic Location", value: "Colorado Springs, CO" },
-          value: "Family Medicine Specialist",
+        { icon: Calendar, label: "Availability", value: "24/7 Support Available" },
-        },
-        {
-          icon: Heart,
-          label: "Patient Approach",
-          value: "Compassionate Care",
-        },
-        {
-          icon: MapPin,
-          label: "Clinic Location",
-          value: "Colorado Springs, CO",
-        },
-        {
-          icon: Calendar,
-          label: "Availability",
-          value: "Accepting New Patients",
-        },
-        {
-          icon: Shield,
-          label: "Insurance Coverage",
-          value: "Multiple Plans Accepted",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -114,34 +75,28 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { icon: CheckCircle, title: "24/7 Availability", description: "Access to care whenever you need it, around the clock." },
-          icon: Activity,
+        { icon: Activity, title: "Preventive Care", description: "Routine checkups and wellness screenings tailored to all ages." },
-          title: "Preventive Care",
+        { icon: User, title: "Personalized Consultations", description: "Dedicated time for patient goals and concerns." },
-          description: "Routine checkups and wellness screenings tailored to all ages.",
+        { icon: Gauge, title: "Acute Care Services", description: "Prompt medical attention for common illnesses and injuries." },
-        },
+      ]}
-        {
+      title="Why Choose Our Clinic"
-          icon: Activity,
+      description="Dr. Yang prioritizes patient-centered care, providing 24/7 support and clinical excellence in Colorado Springs."
-          title: "Chronic Disease Management",
+    />
-          description: "Continuous, coordinated care for long-term health management.",
+  </div>
-        },
+
-        {
+  <div id="testimonials" data-section="testimonials">
-          icon: User,
+      <TestimonialCardTwelve
-          title: "Personalized Consultations",
+        cardTitle="What Our Patients Say"
-          description: "Dedicated time for patient questions, health goals, and concerns.",
+        cardTag="Patient Testimonials"
-        },
+        cardTagIcon={Star}
-        {
+        cardAnimation="slide-up"
-          icon: Gauge,
+        useInvertedBackground={false}
-          title: "Acute Care Services",
+        testimonials={[
-          description: "Prompt medical attention for common illnesses and minor injuries.",
+          { id: "1", name: "Sarah M.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-long-hair_23-2148270503.jpg" },
-        },
+          { id: "2", name: "David L.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-with-beard-smiling-camera_23-2148270535.jpg" },
-        {
+          { id: "3", name: "Elena P.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-senior-woman_23-2148270519.jpg" },
-          icon: Droplet,
-          title: "Vaccination & Immunization",
-          description: "Essential immunizations for children, adults, and seniors.",
-        },
         ]}
-      title="Exceptional Health Services"
-      description="Dr. Yang provides high-quality primary and preventive care tailored to each patient's specific health journey."
       />
   </div>
 
@@ -150,34 +105,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "How do I access 24/7 care?", content: "For urgent medical matters after hours, please call our primary clinic line for routing instructions." },
-          id: "1",
+        { id: "2", title: "What insurance plans are accepted?", content: "We work with a broad range of major insurance providers. Call our office to verify your coverage." },
-          title: "Do you accept new patients?",
-          content: "Yes, Dr. Yang is currently accepting new patients. Please call our clinic to verify insurance and check availability.",
-        },
-        {
-          id: "2",
-          title: "What insurance plans do you accept?",
-          content: "We participate in a variety of insurance plans. Please contact your insurance provider or call the office to confirm.",
-        },
-        {
-          id: "3",
-          title: "How can I schedule an appointment?",
-          content: "Appointments can be scheduled through the Optum patient portal or by calling our office directly.",
-        },
-        {
-          id: "4",
-          title: "Is parking available?",
-          content: "Yes, our Colorado Springs facility offers complimentary, easily accessible parking for all our patients.",
-        },
-        {
-          id: "5",
-          title: "What should I bring to my first visit?",
-          content: "Please bring your photo ID, current insurance card, and a list of any medications you are currently taking.",
-        },
       ]}
       title="Patient Information"
-      description="Common questions regarding Dr. Yang's practice and patient care."
+      description="We are here to help."
       faqsAnimation="slide-up"
     />
   </div>
@@ -185,18 +117,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Get in Touch"
-      title="Schedule Your Visit"
+      title="Ready to Prioritize Your Health?"
-      description="We look forward to helping you achieve your best health. Contact our Colorado Springs office today to schedule a consultation with Dr. Joseph Yang."
+      description="Our Colorado Springs clinic is open and ready to serve you 24/7. Reach out today to start your path to better wellness."
-      buttons={[
+      buttons={[{ text: "Call Our Clinic", href: "tel:+17195550100" }]}
-        {
-          text: "Contact Office",
-          href: "tel:+17195550100",
-        },
-      ]}
     />
   </div>
 
@@ -205,48 +130,12 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168431.jpg"
       logoText="Dr. Joseph Yang, DO"
       columns={[
-        {
+        { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
-          title: "Clinic Info",
+        { title: "Contact Details", items: [{ label: "123 Medical Plaza, CO", href: "#" }, { label: "+1 719-555-0100", href: "tel:+17195550100" }] },
-          items: [
+        { title: "Resources", items: [{ label: "Patient Portal", href: "#" }, { label: "Privacy Policy", href: "#" }] },
-            {
-              label: "About Optum",
-              href: "#",
-            },
-            {
-              label: "Locations",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Patient Portal",
-              href: "#",
-            },
-            {
-              label: "Insurance",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
       ]}
       copyrightText="© 2025 Dr. Joseph Yang, DO | All Rights Reserved"
-      imageAlt="Portrait of Dr. Joseph Yang in his medical office."
+      imageAlt="Portrait of Dr. Joseph Yang."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfcfd;
+  --background: #f0fff4;
   --card: #ffffff;
-  --foreground: #0a1f33;
+  --foreground: #064e3b;
-  --primary-cta: #15479c;
+  --primary-cta: #059669;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f1f5f9;
+  --secondary-cta: #e0f2f1;
   --secondary-cta-text: #0a1f33;
-  --accent: #cbd5e1;
+  --accent: #b2dfdb;
-  --background-accent: #e2e8f0;
+  --background-accent: #80cbc4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);