Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Heart, Star, HelpCircle, Phone } from 'lucide-react';
+import { Heart, Star, HelpCircle, Phone, MapPin } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -34,6 +34,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Specializations", id: "features" },
             { name: "Testimonials", id: "testimonials" },
+            { name: "Clinic Location", id: "clinic" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
@@ -53,7 +54,7 @@ export default function LandingPage() {
           ]}
           buttonAnimation="slide-up"
           layoutOrder="default"
-          imageSrc="http://img.b2bpic.net/free-photo/pleased-young-bald-male-doctor-wearing-medical-robe-stethoscope-sitting-desk-work-with-medical-tools-isolated-green-background_141793-63493.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5Blr1U7Q0vr3yBZQdXVwsZ2nt/uploaded-1773771056982-9n3opeja.jpg"
           imageAlt="Dr. Nikhil Nayar, MD - Psychiatrist"
           mediaAnimation="blur-reveal"
           frameStyle="card"
@@ -70,7 +71,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           buttons={[{ text: "Schedule Consultation", href: "#contact" }]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/portrait-smart-business-partners-looking-laptop_23-2147923311.jpg?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5Blr1U7Q0vr3yBZQdXVwsZ2nt/uploaded-1773772433327-9btphbnw.jpg"
           imageAlt="Modern psychiatric clinic space"
           useInvertedBackground={false}
           ariaLabel="About Dr. Nikhil Nayar section"
@@ -84,19 +85,19 @@ export default function LandingPage() {
           features={[
             {
               id: "personality-disorders",              title: "Personality Disorders",              tags: ["Borderline PD", "Narcissistic PD", "Antisocial PD"],
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-business-partners-looking-laptop_23-2147923311.jpg?_wi=2",              imageAlt: "Personality disorder treatment"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5Blr1U7Q0vr3yBZQdXVwsZ2nt/uploaded-1773771688162-6qla67pr.jpg",              imageAlt: "Personality disorder treatment"
             },
             {
               id: "anxiety-management",              title: "Anxiety & Stress",              tags: ["Generalized Anxiety", "Panic Disorder", "OCD"],
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-business-partners-looking-laptop_23-2147923311.jpg?_wi=3",              imageAlt: "Anxiety treatment approach"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5Blr1U7Q0vr3yBZQdXVwsZ2nt/uploaded-1773771712306-yp8y8bn8.jpg",              imageAlt: "Anxiety treatment approach"
             },
             {
               id: "mood-disorders",              title: "Mood Disorders",              tags: ["Depression", "Bipolar Disorder", "Emotional Regulation"],
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-business-partners-looking-laptop_23-2147923311.jpg?_wi=4",              imageAlt: "Mood disorder treatment"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5Blr1U7Q0vr3yBZQdXVwsZ2nt/uploaded-1773771729780-6sghcd5p.jpg",              imageAlt: "Mood disorder treatment"
             },
             {
               id: "holistic-care",              title: "Holistic Approach",              tags: ["Therapy", "Medication", "Lifestyle Support"],
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-business-partners-looking-laptop_23-2147923311.jpg?_wi=5",              imageAlt: "Comprehensive psychiatric care"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5Blr1U7Q0vr3yBZQdXVwsZ2nt/uploaded-1773771744933-rme384c2.jpg",              imageAlt: "Comprehensive psychiatric care"
             }
           ]}
           animationType="blur-reveal"
@@ -160,6 +161,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="clinic" data-section="clinic">
+        <MediaAbout
+          title="Visit Our Clinic"
+          description="Located in the heart of Jangpura, New Delhi, our clinic provides a welcoming and professional environment for psychiatric consultations and treatment. Dr. Nikhil Nayar's practice is designed to ensure patient comfort, confidentiality, and comprehensive care. The clinic is equipped with modern facilities and maintains strict privacy standards for all patient interactions. We welcome LGBTQ+ patients and maintain a non-judgmental, inclusive atmosphere."
+          tag="Location"
+          tagIcon={MapPin}
+          tagAnimation="slide-up"
+          buttons={[{ text: "Get Directions", href: "#" }]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/office-interior-with-furniture_93675-129758.jpg"
+          imageAlt="Dr. Nikhil Nayar's clinic in Jangpura"
+          useInvertedBackground={false}
+          ariaLabel="Clinic location section"
+        />
+      </div>
+
       <div id="faq" data-section="faq">
         <FaqSplitMedia
           title="Frequently Asked Questions"
@@ -184,7 +201,7 @@ export default function LandingPage() {
               id: "5",              title: "What should I expect in the first consultation?",              content: "The first session involves a comprehensive psychiatric evaluation, discussion of your concerns, medical history, and development of a personalized treatment plan."
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-vector/divorce-concept-landing-page-template_23-2148591453.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5Blr1U7Q0vr3yBZQdXVwsZ2nt/uploaded-1773771820193-7pbocb2e.jpg"
           imageAlt="Therapy and mental health support"
           mediaAnimation="blur-reveal"
           mediaPosition="left"
@@ -206,7 +223,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020289.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5Blr1U7Q0vr3yBZQdXVwsZ2nt/uploaded-1773771842218-8wc3t5ip.jpg"
           imageAlt="Clinic reception area"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
@@ -227,13 +244,14 @@ export default function LandingPage() {
                 { label: "Home", href: "#hero" },
                 { label: "About", href: "#about" },
                 { label: "Specializations", href: "#features" },
+                { label: "Clinic Location", href: "#clinic" },
                 { label: "Contact", href: "#contact" }
               ]
             },
             {
               title: "Contact Info",              items: [
                 { label: "Phone: +91 82874 46305", href: "tel:+918287446305" },
-                { label: "Location: Jangpura, New Delhi", href: "#" },
+                { label: "Location: Jangpura, New Delhi", href: "#clinic" },
                 { label: "Hours: 6 PM Onwards", href: "#" },
                 { label: "LGBTQ+ Friendly", href: "#" }
               ]

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #E34400;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120a00e6;
+  --secondary-cta-text: #000612e6;
   --accent: #e2e2e2;
-  --background-accent: #E34400;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);