Update src/app/layout.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -10,11 +10,11 @@ import { Leaf } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
-    { name: "Services", id: "services" },
+    { name: "Services", id: "#services" },
-    { name: "Blog", id: "blog" },
+    { name: "Blog", id: "#blog" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "#contact" },
   ];
 
   return (
@@ -51,11 +51,12 @@ export default function AboutPage() {
             {
               value: "10+",              title: "वर्षों की अनुभव"},
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/seated-straddle-pose_1163-1062.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/seated-straddle-pose_1163-1062.jpg?_wi=2"
           imageAlt="Naturopathy Yoga team"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -66,11 +67,11 @@ export default function AboutPage() {
           tag="Success Stories"
           testimonials={[
             {
-              id: "1",              name: "Priya Sharma, HR Manager at Tech Corp",              date: "Date: 15 November 2024",              title: "मेरा जीवन पूरी तरह बदल गया",              quote: "Naturopathy Yoga में मेरे 6 महीने के अनुभव से मुझे तनाव में भारी कमी, बेहतर नींद और असाधारण ऊर्जा मिली। राधा की योग क्लास और रिफ्लेक्सोलॉजी सेशन वाकई रूपांतरकारी हैं।",              tag: "Yoga & Reflexology",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              avatarAlt: "professional woman avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/adult-man-woman-exercising-yoga_23-2148282894.jpg",              imageAlt: "professional woman wellness yoga testimonial"},
+              id: "1",              name: "Priya Sharma, HR Manager at Tech Corp",              date: "Date: 15 November 2024",              title: "मेरा जीवन पूरी तरह बदल गया",              quote: "Naturopathy Yoga में मेरे 6 महीने के अनुभव से मुझे तनाव में भारी कमी, बेहतर नींद और असाधारण ऊर्जा मिली। राधा की योग क्लास और रिफ्लेक्सोलॉजी सेशन वाकई रूपांतरकारी हैं।",              tag: "Yoga & Reflexology",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              avatarAlt: "professional woman avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/adult-man-woman-exercising-yoga_23-2148282894.jpg?_wi=2",              imageAlt: "professional woman wellness yoga testimonial"},
             {
-              id: "2",              name: "James Kipchoge, Software Developer at StartupX",              date: "Date: 22 October 2024",              title: "पेशेवर और प्रभावी सेवा",              quote: "मैं एक संदेहास्पद व्यक्ति था, लेकिन यहाँ की सेवा ने मुझे समझाया कि कैसे प्राकृतिक उपचार काम करते हैं। दो महीने में मेरा पीठ दर्द 70% कम हो गया।",              tag: "Reflexology Sessions",              avatarSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg",              avatarAlt: "professional man avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-massaging-patient_23-2150649750.jpg",              imageAlt: "man wellness yoga practice improvement"},
+              id: "2",              name: "James Kipchoge, Software Developer at StartupX",              date: "Date: 22 October 2024",              title: "पेशेवर और प्रभावी सेवा",              quote: "मैं एक संदेहास्पद व्यक्ति था, लेकिन यहाँ की सेवा ने मुझे समझाया कि कैसे प्राकृतिक उपचार काम करते हैं। दो महीने में मेरा पीठ दर्द 70% कम हो गया।",              tag: "Reflexology Sessions",              avatarSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg",              avatarAlt: "professional man avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-massaging-patient_23-2150649750.jpg?_wi=2",              imageAlt: "man wellness yoga practice improvement"},
             {
-              id: "3",              name: "Amara Okafor, Graphic Designer at Creative Studio",              date: "Date: 08 October 2024",              title: "शांति और संतुलन मिला",              quote: "मेडिटेशन क्लास मेरे लिए एक जीवन परिवर्तक साबित हुई। अब मुझे काम में ज्यादा फोकस, कम चिड़चिड़ापन और बेहतर रिश्ते मिल रहे हैं।",              tag: "Meditation & Yoga",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg",              avatarAlt: "woman professional avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-lady-concentrating-city-park_1262-20794.jpg",              imageAlt: "woman meditation wellness yoga practice"},
+              id: "3",              name: "Amara Okafor, Graphic Designer at Creative Studio",              date: "Date: 08 October 2024",              title: "शांति और संतुलन मिला",              quote: "मेडिटेशन क्लास मेरे लिए एक जीवन परिवर्तक साबित हुई। अब मुझे काम में ज्यादा फोकस, कम चिड़चिड़ापन और बेहतर रिश्ते मिल रहे हैं।",              tag: "Meditation & Yoga",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg",              avatarAlt: "woman professional avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-lady-concentrating-city-park_1262-20794.jpg?_wi=2",              imageAlt: "woman meditation wellness yoga practice"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -89,13 +90,13 @@ export default function AboutPage() {
           blogs={[
             {
               id: "1",              category: ["योग", "स्वास्थ्य"],
-              title: "योग के 5 आसान आसन शुरुआत के लिए",              excerpt: "योग की यात्रा शुरू करने के लिए इन 5 आसान आसनों को सीखें जो आप घर पर प्रतिदिन कर सकते हैं।",              imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-her-knees-head-florr_1163-931.jpg",              imageAlt: "yoga poses sequence beginner tutorial",              authorName: "Radha Patel",              authorAvatar: "http://img.b2bpic.net/free-vector/meditation-concept-flat-design_23-2148523132.jpg",              date: "15 January 2025"},
+              title: "योग के 5 आसान आसन शुरुआत के लिए",              excerpt: "योग की यात्रा शुरू करने के लिए इन 5 आसान आसनों को सीखें जो आप घर पर प्रतिदिन कर सकते हैं।",              imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-her-knees-head-florr_1163-931.jpg?_wi=2",              imageAlt: "yoga poses sequence beginner tutorial",              authorName: "Radha Patel",              authorAvatar: "http://img.b2bpic.net/free-vector/meditation-concept-flat-design_23-2148523132.jpg",              date: "15 January 2025"},
             {
               id: "2",              category: ["रिफ्लेक्सोलॉजी", "उपचार"],
-              title: "रिफ्लेक्सोलॉजी के अद्भुत फायदे",              excerpt: "जानें कि कैसे पैरों के प्रेशर पॉइंट आपके पूरे शरीर को ठीक करने में मदद कर सकते हैं।",              imageSrc: "http://img.b2bpic.net/free-photo/concept-healthcare-female-beauty-masseuses-make-massage-girl-woman-spa-salon_1157-44658.jpg",              imageAlt: "reflexology foot massage therapy treatment",              authorName: "Dr. Arun Kumar",              authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-lab-coat_23-2149551158.jpg",              date: "12 January 2025"},
+              title: "रिफ्लेक्सोलॉजी के अद्भुत फायदे",              excerpt: "जानें कि कैसे पैरों के प्रेशर पॉइंट आपके पूरे शरीर को ठीक करने में मदद कर सकते हैं।",              imageSrc: "http://img.b2bpic.net/free-photo/concept-healthcare-female-beauty-masseuses-make-massage-girl-woman-spa-salon_1157-44658.jpg?_wi=2",              imageAlt: "reflexology foot massage therapy treatment",              authorName: "Dr. Arun Kumar",              authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-lab-coat_23-2149551158.jpg",              date: "12 January 2025"},
             {
               id: "3",              category: ["जीवनशैली", "स्वास्थ्य"],
-              title: "प्राकृतिक जीवनशैली कैसे अपनाएँ",              excerpt: "आधुनिक जीवन में प्राकृतिक और संतुलित जीवनशैली अपनाने के व्यावहारिक सुझाव।",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-watering-plant_23-2149383656.jpg",              imageAlt: "healthy natural lifestyle wellness living",              authorName: "Kavita Singh",              authorAvatar: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579598.jpg",              date: "08 January 2025"},
+              title: "प्राकृतिक जीवनशैली कैसे अपनाएँ",              excerpt: "आधुनिक जीवन में प्राकृतिक और संतुलित जीवनशैली अपनाने के व्यावहारिक सुझाव।",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-watering-plant_23-2149383656.jpg?_wi=2",              imageAlt: "healthy natural lifestyle wellness living",              authorName: "Kavita Singh",              authorAvatar: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579598.jpg",              date: "08 January 2025"},
           ]}
         />
       </div>
@@ -111,4 +112,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -14,11 +14,11 @@ import { Leaf, TrendingDown, Moon, Zap, Heart, Phone } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
-    { name: "Services", id: "services" },
+    { name: "Services", id: "#services" },
-    { name: "Blog", id: "blog" },
+    { name: "Blog", id: "#blog" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "#contact" },
   ];
 
   return (
@@ -75,11 +75,12 @@ export default function HomePage() {
             {
               value: "10+",              title: "वर्षों की अनुभव"},
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/seated-straddle-pose_1163-1062.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/seated-straddle-pose_1163-1062.jpg?_wi=1"
           imageAlt="Naturopathy Yoga team"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
-          tagAnimation="entrance-slide"
+          tagAnimation="slide-up"
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -141,11 +142,11 @@ export default function HomePage() {
           tag="Testimonials"
           testimonials={[
             {
-              id: "1",              name: "Priya Sharma, HR Manager at Tech Corp",              date: "Date: 15 November 2024",              title: "मेरा जीवन पूरी तरह बदल गया",              quote: "Naturopathy Yoga में मेरे 6 महीने के अनुभव से मुझे तनाव में भारी कमी, बेहतर नींद और असाधारण ऊर्जा मिली। राधा की योग क्लास और रिफ्लेक्सोलॉजी सेशन वाकई रूपांतरकारी हैं।",              tag: "Yoga & Reflexology",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              avatarAlt: "professional woman avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/adult-man-woman-exercising-yoga_23-2148282894.jpg",              imageAlt: "professional woman wellness yoga testimonial"},
+              id: "1",              name: "Priya Sharma, HR Manager at Tech Corp",              date: "Date: 15 November 2024",              title: "मेरा जीवन पूरी तरह बदल गया",              quote: "Naturopathy Yoga में मेरे 6 महीने के अनुभव से मुझे तनाव में भारी कमी, बेहतर नींद और असाधारण ऊर्जा मिली। राधा की योग क्लास और रिफ्लेक्सोलॉजी सेशन वाकई रूपांतरकारी हैं।",              tag: "Yoga & Reflexology",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              avatarAlt: "professional woman avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/adult-man-woman-exercising-yoga_23-2148282894.jpg?_wi=1",              imageAlt: "professional woman wellness yoga testimonial"},
             {
-              id: "2",              name: "James Kipchoge, Software Developer at StartupX",              date: "Date: 22 October 2024",              title: "पेशेवर और प्रभावी सेवा",              quote: "मैं एक संदेहास्पद व्यक्ति था, लेकिन यहाँ की सेवा ने मुझे समझाया कि कैसे प्राकृतिक उपचार काम करते हैं। दो महीने में मेरा पीठ दर्द 70% कम हो गया।",              tag: "Reflexology Sessions",              avatarSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg",              avatarAlt: "professional man avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-massaging-patient_23-2150649750.jpg",              imageAlt: "man wellness yoga practice improvement"},
+              id: "2",              name: "James Kipchoge, Software Developer at StartupX",              date: "Date: 22 October 2024",              title: "पेशेवर और प्रभावी सेवा",              quote: "मैं एक संदेहास्पद व्यक्ति था, लेकिन यहाँ की सेवा ने मुझे समझाया कि कैसे प्राकृतिक उपचार काम करते हैं। दो महीने में मेरा पीठ दर्द 70% कम हो गया।",              tag: "Reflexology Sessions",              avatarSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-wearing-jacket-checkered-shirt-looking-camera-studio_613910-21142.jpg",              avatarAlt: "professional man avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-massaging-patient_23-2150649750.jpg?_wi=1",              imageAlt: "man wellness yoga practice improvement"},
             {
-              id: "3",              name: "Amara Okafor, Graphic Designer at Creative Studio",              date: "Date: 08 October 2024",              title: "शांति और संतुलन मिला",              quote: "मेडिटेशन क्लास मेरे लिए एक जीवन परिवर्तक साबित हुई। अब मुझे काम में ज्यादा फोकस, कम चिड़चिड़ापन और बेहतर रिश्ते मिल रहे हैं।",              tag: "Meditation & Yoga",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg",              avatarAlt: "woman professional avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-lady-concentrating-city-park_1262-20794.jpg",              imageAlt: "woman meditation wellness yoga practice"},
+              id: "3",              name: "Amara Okafor, Graphic Designer at Creative Studio",              date: "Date: 08 October 2024",              title: "शांति और संतुलन मिला",              quote: "मेडिटेशन क्लास मेरे लिए एक जीवन परिवर्तक साबित हुई। अब मुझे काम में ज्यादा फोकस, कम चिड़चिड़ापन और बेहतर रिश्ते मिल रहे हैं।",              tag: "Meditation & Yoga",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg",              avatarAlt: "woman professional avatar portrait",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-lady-concentrating-city-park_1262-20794.jpg?_wi=1",              imageAlt: "woman meditation wellness yoga practice"},
             {
               id: "4",              name: "David Mwangi, Entrepreneur",              date: "Date: 25 September 2024",              title: "व्यावसायिक सलाह हर कोई दे सकता है, पर यह जीवन बदलते हैं",              quote: "Naturopathy Yoga की टीम सिर्फ सेशन नहीं देती, वे आपको पूरी जीवनशैली समझाती हैं। मेरी 2 साल की पुरानी मांसपेशियों की जकड़न अब गायब हो गई।",              tag: "Wellness Program",              avatarSrc: "http://img.b2bpic.net/free-photo/adult-serious-businessman-looking-camera_23-2148113003.jpg",              avatarAlt: "male entrepreneur avatar professional",              imageSrc: "http://img.b2bpic.net/free-photo/healthy-man-doing-mobily-exercise-yoga-mat-home-global-pandemic_482257-20802.jpg",              imageAlt: "entrepreneur man yoga wellness practice"},
             {
@@ -170,13 +171,13 @@ export default function HomePage() {
           blogs={[
             {
               id: "1",              category: ["योग", "स्वास्थ्य"],
-              title: "योग के 5 आसान आसन शुरुआत के लिए",              excerpt: "योग की यात्रा शुरू करने के लिए इन 5 आसान आसनों को सीखें जो आप घर पर प्रतिदिन कर सकते हैं।",              imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-her-knees-head-florr_1163-931.jpg",              imageAlt: "yoga poses sequence beginner tutorial",              authorName: "Radha Patel",              authorAvatar: "http://img.b2bpic.net/free-vector/meditation-concept-flat-design_23-2148523132.jpg",              date: "15 January 2025"},
+              title: "योग के 5 आसान आसन शुरुआत के लिए",              excerpt: "योग की यात्रा शुरू करने के लिए इन 5 आसान आसनों को सीखें जो आप घर पर प्रतिदिन कर सकते हैं।",              imageSrc: "http://img.b2bpic.net/free-photo/woman-resting-her-knees-head-florr_1163-931.jpg?_wi=1",              imageAlt: "yoga poses sequence beginner tutorial",              authorName: "Radha Patel",              authorAvatar: "http://img.b2bpic.net/free-vector/meditation-concept-flat-design_23-2148523132.jpg",              date: "15 January 2025"},
             {
               id: "2",              category: ["रिफ्लेक्सोलॉजी", "उपचार"],
-              title: "रिफ्लेक्सोलॉजी के अद्भुत फायदे",              excerpt: "जानें कि कैसे पैरों के प्रेशर पॉइंट आपके पूरे शरीर को ठीक करने में मदद कर सकते हैं।",              imageSrc: "http://img.b2bpic.net/free-photo/concept-healthcare-female-beauty-masseuses-make-massage-girl-woman-spa-salon_1157-44658.jpg",              imageAlt: "reflexology foot massage therapy treatment",              authorName: "Dr. Arun Kumar",              authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-lab-coat_23-2149551158.jpg",              date: "12 January 2025"},
+              title: "रिफ्लेक्सोलॉजी के अद्भुत फायदे",              excerpt: "जानें कि कैसे पैरों के प्रेशर पॉइंट आपके पूरे शरीर को ठीक करने में मदद कर सकते हैं।",              imageSrc: "http://img.b2bpic.net/free-photo/concept-healthcare-female-beauty-masseuses-make-massage-girl-woman-spa-salon_1157-44658.jpg?_wi=1",              imageAlt: "reflexology foot massage therapy treatment",              authorName: "Dr. Arun Kumar",              authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-lab-coat_23-2149551158.jpg",              date: "12 January 2025"},
             {
               id: "3",              category: ["जीवनशैली", "स्वास्थ्य"],
-              title: "प्राकृतिक जीवनशैली कैसे अपनाएँ",              excerpt: "आधुनिक जीवन में प्राकृतिक और संतुलित जीवनशैली अपनाने के व्यावहारिक सुझाव।",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-watering-plant_23-2149383656.jpg",              imageAlt: "healthy natural lifestyle wellness living",              authorName: "Kavita Singh",              authorAvatar: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579598.jpg",              date: "08 January 2025"},
+              title: "प्राकृतिक जीवनशैली कैसे अपनाएँ",              excerpt: "आधुनिक जीवन में प्राकृतिक और संतुलित जीवनशैली अपनाने के व्यावहारिक सुझाव।",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-watering-plant_23-2149383656.jpg?_wi=1",              imageAlt: "healthy natural lifestyle wellness living",              authorName: "Kavita Singh",              authorAvatar: "http://img.b2bpic.net/free-photo/plus-size-woman-working-professional-business-office_23-2150579598.jpg",              date: "08 January 2025"},
             {
               id: "4",              category: ["ध्यान", "मानसिक स्वास्थ्य"],
               title: "मेडिटेशन से तनाव मुक्ति पाएँ",              excerpt: "रोजमर्रा की चिंताओं से मुक्ति के लिए सरल मेडिटेशन तकनीकें जो वास्तव में काम करती हैं।",              imageSrc: "http://img.b2bpic.net/free-photo/fashionable-gray-haired-young-woman-yogi-practicing-meditation-her-bedroom-sitting-lotus-pose-closing-eyes-making-mudra-gesture_343059-879.jpg",              imageAlt: "meditation stress relief mindfulness practice",              authorName: "Vikram Desai",              authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-man-with-face-mask-doing-sukhasana-pose-indoor_23-2148717229.jpg",              date: "05 January 2025"},
@@ -214,4 +215,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}