Update src/app/resources/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -7,7 +7,7 @@ import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Heart, MessageCircle } from "lucide-react";
+import { Heart, MessageCircle, Award, Lightbulb } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -129,4 +129,4 @@ export default function AboutPage() {
       />
     </ThemeProvider>
   );
-}
+}

src/app/chat/page.tsx

@@ -7,7 +7,7 @@ import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"
 import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Heart, HelpCircle } from "lucide-react";
+import { Heart, HelpCircle, MessageSquare, Upload, Zap } from "lucide-react";
 
 export default function ChatPage() {
   const navItems = [
@@ -94,30 +94,36 @@ export default function ChatPage() {
               title: "Describe Your Pet's Situation",              description:
                 "Simply tell us about your pet, their symptoms, or the situation they're in. Include as much detail as you're comfortable sharing.",              phoneOne: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=4",                imageAlt: "Typing pet health question"},
+                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=4",                imageAlt: "Typing pet health question"
+              },
               phoneTwo: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=5",                imageAlt: "Submit your question"},
+                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=5",                imageAlt: "Submit your question"
+              },
             },
             {
               id: 2,
               title: "Get Structured Guidance",              description:
                 "Our AI analyzes the information and provides step-by-step guidance covering possible causes, first aid measures, safe remedies, and veterinary recommendations.",              phoneOne: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=6",                imageAlt: "Receiving guidance response"},
+                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=6",                imageAlt: "Receiving guidance response"
+              },
               phoneTwo: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=7",                imageAlt: "Detailed recommendations"},
+                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=7",                imageAlt: "Detailed recommendations"
+              },
             },
             {
               id: 3,
               title: "Upload Photos for Visual Analysis",              description:
                 "Optionally upload photos of your pet's injury or condition. Our AI analyzes visual symptoms and provides more targeted guidance.",              phoneOne: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/people-taking-photo-mobile-phone-he-chose-picture-from-gallery-use_1150-51073.jpg?_wi=3",                imageAlt: "Photo upload interface"},
+                  "http://img.b2bpic.net/free-vector/people-taking-photo-mobile-phone-he-chose-picture-from-gallery-use_1150-51073.jpg?_wi=3",                imageAlt: "Photo upload interface"
+              },
               phoneTwo: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/people-taking-photo-mobile-phone-he-chose-picture-from-gallery-use_1150-51073.jpg?_wi=4",                imageAlt: "Photo analysis results"},
+                  "http://img.b2bpic.net/free-vector/people-taking-photo-mobile-phone-he-chose-picture-from-gallery-use_1150-51073.jpg?_wi=4",                imageAlt: "Photo analysis results"
+              },
             },
           ]}
           showStepNumbers={true}
@@ -137,13 +143,16 @@ export default function ChatPage() {
           faqs={[
             {
               id: "1",              title: "How quickly will I get a response?",              content:
-                "Our AI responds instantly. You'll receive guidance within seconds of submitting your question, so you can take immediate action if needed."},
+                "Our AI responds instantly. You'll receive guidance within seconds of submitting your question, so you can take immediate action if needed."
+            },
             {
               id: "2",              title: "Can I upload multiple photos?",              content:
-                "Yes, you can upload multiple photos of your pet from different angles. This helps our AI provide more comprehensive visual analysis."},
+                "Yes, you can upload multiple photos of your pet from different angles. This helps our AI provide more comprehensive visual analysis."
+            },
             {
               id: "3",              title: "Is the chat available in other languages?",              content:
-                "Currently, our chat is available in English. We are working on adding support for additional languages soon."},
+                "Currently, our chat is available in English. We are working on adding support for additional languages soon."
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -158,4 +167,4 @@ export default function ChatPage() {
       />
     </ThemeProvider>
   );
-}
+}

src/app/emergency/page.tsx

@@ -7,7 +7,7 @@ import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll"
 import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { AlertTriangle, HelpCircle } from "lucide-react";
+import { AlertTriangle, HelpCircle, AlertCircle } from "lucide-react";
 
 export default function EmergencyPage() {
   const navItems = [
@@ -90,13 +90,17 @@ export default function EmergencyPage() {
           description="Know when to seek immediate veterinary care"
           metrics={[
             {
-              id: "1",              value: "Heavy Bleeding",              description: "Apply pressure with clean cloth, seek vet immediately"},
+              id: "1",              value: "Heavy Bleeding",              description: "Apply pressure with clean cloth, seek vet immediately"
+            },
             {
-              id: "2",              value: "Seizures",              description: "Move pet away from hazards, time the episode, contact vet"},
+              id: "2",              value: "Seizures",              description: "Move pet away from hazards, time the episode, contact vet"
+            },
             {
-              id: "3",              value: "Choking",              description: "Check airway, perform Heimlich if trained, rush to vet"},
+              id: "3",              value: "Choking",              description: "Check airway, perform Heimlich if trained, rush to vet"
+            },
             {
-              id: "4",              value: "Poisoning",              description: "Remove source, identify poison if possible, call vet urgently"},
+              id: "4",              value: "Poisoning",              description: "Remove source, identify poison if possible, call vet urgently"
+            },
           ]}
           gridVariant="uniform-all-items-equal"
           textboxLayout="default"
@@ -115,13 +119,16 @@ export default function EmergencyPage() {
           faqs={[
             {
               id: "1",              title: "What should I do if my pet is bleeding heavily?",              content:
-                "Apply firm, direct pressure to the wound with a clean cloth or gauze. Maintain pressure for 5-10 minutes without lifting to check. If bleeding doesn't stop, apply a second layer without removing the first. Seek veterinary care immediately. Do not use a tourniquet unless you're trained."},
+                "Apply firm, direct pressure to the wound with a clean cloth or gauze. Maintain pressure for 5-10 minutes without lifting to check. If bleeding doesn't stop, apply a second layer without removing the first. Seek veterinary care immediately. Do not use a tourniquet unless you're trained."
+            },
             {
               id: "2",              title: "My pet is having a seizure. What do I do?",              content:
-                "Stay calm and ensure your pet is in a safe space away from stairs and hard objects. Do not restrain them or put anything in their mouth. Note the time and duration of the seizure. After it ends, keep them quiet and warm. Contact your veterinarian immediately, as seizures require urgent evaluation."},
+                "Stay calm and ensure your pet is in a safe space away from stairs and hard objects. Do not restrain them or put anything in their mouth. Note the time and duration of the seizure. After it ends, keep them quiet and warm. Contact your veterinarian immediately, as seizures require urgent evaluation."
+            },
             {
               id: "3",              title: "I think my pet has been poisoned. What's the first step?",              content:
-                "If possible, identify what your pet ingested (poison, plant, food, chemical, etc.). Keep the container or package if available. Do not induce vomiting unless directed by your vet—some substances cause more damage coming back up. Call your veterinarian or animal poison control immediately with information."},
+                "If possible, identify what your pet ingested (poison, plant, food, chemical, etc.). Keep the container or package if available. Do not induce vomiting unless directed by your vet—some substances cause more damage coming back up. Call your veterinarian or animal poison control immediately with information."
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -136,4 +143,4 @@ export default function EmergencyPage() {
       />
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,76 +1,25 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
-import { Mulish } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import "./styles/variables.css";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 
-const halant = Halant({
-  variable: "--font-halant",
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
-
-const mulish = Mulish({
-  variable: "--font-mulish",
-  subsets: ["latin"],
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "AI Pet Health Assistant - Emergency First Aid Guidance for Pets",
-  description: "Get immediate, safe first aid guidance for dogs, cats, and other pets. AI-powered chat, image analysis, and emergency detection 24/7. Always consult a veterinarian.",
-  keywords: "pet first aid, pet health, veterinary guidance, emergency pet care, pet assistant, animal care, dog health, cat health, pet safety",
-  metadataBase: new URL("https://petcare-ai.example.com"),
-  alternates: {
-    canonical: "https://petcare-ai.example.com",
-  },
-  openGraph: {
-    title: "PetCare AI - Trusted Pet Health Guidance",
-    description: "Immediate first aid advice for your pets. Get safe, easy-to-understand guidance 24/7 while your veterinarian is being reached.",
-    url: "https://petcare-ai.example.com",
-    siteName: "PetCare AI",
-    type: "website",
-    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/beautiful-sad-woman-saying-goodbye-her-old-german-shepherd-professional-male-veterinarian-preparing-ready-put-down-sick-dog_662251-2307.jpg",
-        alt: "AI Pet Health Assistant - Safe first aid guidance for pets",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "PetCare AI - Pet Health Assistant",
-    description: "24/7 AI-powered first aid guidance for your pets. Safe, trusted, and designed to complement veterinary care.",
-    images: [
-      "http://img.b2bpic.net/free-photo/beautiful-sad-woman-saying-goodbye-her-old-german-shepherd-professional-male-veterinarian-preparing-ready-put-down-sick-dog_662251-2307.jpg",
-    ],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "PetCare AI",  description: "AI-powered pet health guidance and emergency first aid assistant"};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${mulish.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={dmSans.variable}>
+        {children}
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1438,7 +1387,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -10,7 +10,7 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Heart, Zap, TrendingUp, MessageCircle, Mail, HelpCircle } from "lucide-react";
+import { Heart, Zap, TrendingUp, MessageCircle, Mail, Shield, Clock, Lightbulb, Activity } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
@@ -101,40 +101,48 @@ export default function HomePage() {
               title: "AI Chat Assistant",              description:
                 "Ask questions about your pet's symptoms and get structured guidance on possible causes, immediate first aid, safe home remedies, and when to visit a veterinarian.",              phoneOne: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=1",                imageAlt: "Chat interface for pet health questions"},
+                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=1",                imageAlt: "Chat interface for pet health questions"
+              },
               phoneTwo: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=2",                imageAlt: "Chat interface response view"},
+                  "http://img.b2bpic.net/free-vector/dating-app-chat-interface-template-set_23-2148530299.jpg?_wi=2",                imageAlt: "Chat interface response view"
+              },
             },
             {
               id: 2,
               title: "Image Upload Analysis",              description:
                 "Upload photos of your injured or sick animal for AI-powered analysis. Receive visual symptom assessment and personalized guidance based on what the AI observes.",              phoneOne: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/people-taking-photo-mobile-phone-he-chose-picture-from-gallery-use_1150-51073.jpg?_wi=1",                imageAlt: "Image upload interface"},
+                  "http://img.b2bpic.net/free-vector/people-taking-photo-mobile-phone-he-chose-picture-from-gallery-use_1150-51073.jpg?_wi=1",                imageAlt: "Image upload interface"
+              },
               phoneTwo: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-vector/people-taking-photo-mobile-phone-he-chose-picture-from-gallery-use_1150-51073.jpg?_wi=2",                imageAlt: "Image analysis results"},
+                  "http://img.b2bpic.net/free-vector/people-taking-photo-mobile-phone-he-chose-picture-from-gallery-use_1150-51073.jpg?_wi=2",                imageAlt: "Image analysis results"
+              },
             },
             {
               id: 3,
               title: "Stray Animal Helper",              description:
                 "Found an injured stray? Step-by-step guidance on how to safely approach, provide first aid, and connect with local rescue services and veterinarians.",              phoneOne: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/girl-plays-with-domestic-rabbit-street-pet-concept_169016-59297.jpg?_wi=1",                imageAlt: "Stray animal care guidance"},
+                  "http://img.b2bpic.net/free-photo/girl-plays-with-domestic-rabbit-street-pet-concept_169016-59297.jpg?_wi=1",                imageAlt: "Stray animal care guidance"
+              },
               phoneTwo: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/girl-plays-with-domestic-rabbit-street-pet-concept_169016-59297.jpg?_wi=2",                imageAlt: "Connecting with rescue services"},
+                  "http://img.b2bpic.net/free-photo/girl-plays-with-domestic-rabbit-street-pet-concept_169016-59297.jpg?_wi=2",                imageAlt: "Connecting with rescue services"
+              },
             },
             {
               id: 4,
               title: "Emergency Detection",              description:
                 "Our AI immediately recognizes serious symptoms like heavy bleeding, seizures, or poisoning and prioritizes urgent veterinary care recommendations.",              phoneOne: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/emergency-call-urgent-accidental-hotline-paramedic-concept_53876-125088.jpg?_wi=1",                imageAlt: "Emergency alert interface"},
+                  "http://img.b2bpic.net/free-photo/emergency-call-urgent-accidental-hotline-paramedic-concept_53876-125088.jpg?_wi=1",                imageAlt: "Emergency alert interface"
+              },
               phoneTwo: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/emergency-call-urgent-accidental-hotline-paramedic-concept_53876-125088.jpg?_wi=2",                imageAlt: "Emergency priority recommendations"},
+                  "http://img.b2bpic.net/free-photo/emergency-call-urgent-accidental-hotline-paramedic-concept_53876-125088.jpg?_wi=2",                imageAlt: "Emergency priority recommendations"
+              },
             },
           ]}
           showStepNumbers={true}
@@ -144,6 +152,26 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="benefits" data-section="benefits">
+        <MetricCardTwo
+          title="Why Pet Owners Trust Us"
+          description="Key benefits that make us your go-to pet health companion"
+          tag="Our Advantages"
+          tagIcon={Shield}
+          tagAnimation="slide-up"
+          metrics={[
+            { id: "1", value: "24/7", description: "Instant Availability" },
+            { id: "2", value: "AI-Powered", description: "Smart Analysis" },
+            { id: "3", value: "Safe First Aid", description: "Vet-Approved Guidance" },
+            { id: "4", value: "Quick Response", description: "Seconds to Solutions" },
+          ]}
+          gridVariant="uniform-all-items-equal"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
           heading={[
@@ -228,4 +256,4 @@ export default function HomePage() {
       />
     </ThemeProvider>
   );
-}
+}

src/app/resources/page.tsx

@@ -94,22 +94,28 @@ export default function ResourcesPage() {
           faqs={[
             {
               id: "1",              title: "What animals can I get help for?",              content:
-                "We support guidance for dogs, cats, cows, goats, rabbits, horses, and many other common domestic pets. You can also get help for injured stray animals by simply describing the animal and its symptoms in our chat."},
+                "We support guidance for dogs, cats, cows, goats, rabbits, horses, and many other common domestic pets. You can also get help for injured stray animals by simply describing the animal and its symptoms in our chat."
+            },
             {
               id: "2",              title: "How do I know if it's a real emergency?",              content:
-                "Real emergencies include: severe bleeding, difficulty breathing, unconsciousness, seizures, poisoning, severe trauma, inability to move limbs, or signs of shock (pale gums, rapid heartbeat, letharness). When in doubt, contact your veterinarian or emergency vet clinic."},
+                "Real emergencies include: severe bleeding, difficulty breathing, unconsciousness, seizures, poisoning, severe trauma, inability to move limbs, or signs of shock (pale gums, rapid heartbeat, letharness). When in doubt, contact your veterinarian or emergency vet clinic."
+            },
             {
               id: "3",              title: "Should I call a vet first or use the chat?",              content:
-                "If you suspect a life-threatening emergency, call your veterinarian or emergency clinic immediately. Use our chat for non-emergency questions, to understand symptoms, or to get initial guidance while arranging veterinary care."},
+                "If you suspect a life-threatening emergency, call your veterinarian or emergency clinic immediately. Use our chat for non-emergency questions, to understand symptoms, or to get initial guidance while arranging veterinary care."
+            },
             {
               id: "4",              title: "How often should I get my pet vaccinated?",              content:
-                "Vaccination schedules vary by age, species, and lifestyle. Generally: puppies and kittens need 3-4 doses 3-4 weeks apart, then boosters annually or every 3 years depending on the vaccine. Ask your veterinarian for a personalized vaccination plan."},
+                "Vaccination schedules vary by age, species, and lifestyle. Generally: puppies and kittens need 3-4 doses 3-4 weeks apart, then boosters annually or every 3 years depending on the vaccine. Ask your veterinarian for a personalized vaccination plan."
+            },
             {
               id: "5",              title: "What should I keep in a pet first aid kit?",              content:
-                "Essential items: sterile gauze pads, adhesive bandages, antibiotic ointment, tweezers (for splinters), saline solution, cotton balls, elastic bandage, ice pack, thermometer, and any prescribed medications. Keep a list of emergency vet contact numbers easily accessible."},
+                "Essential items: sterile gauze pads, adhesive bandages, antibiotic ointment, tweezers (for splinters), saline solution, cotton balls, elastic bandage, ice pack, thermometer, and any prescribed medications. Keep a list of emergency vet contact numbers easily accessible."
+            },
             {
               id: "6",              title: "How can I help an injured stray animal?",              content:
-                "Approach slowly and speak calmly. If the animal is aggressive or very scared, maintain distance and call local animal control or a rescue organization. If it's safe, gently place the animal in a carrier or box. Use our stray helper feature for step-by-step guidance, then locate an emergency vet to check for injury and microchip."},
+                "Approach slowly and speak calmly. If the animal is aggressive or very scared, maintain distance and call local animal control or a rescue organization. If it's safe, gently place the animal in a carrier or box. Use our stray helper feature for step-by-step guidance, then locate an emergency vet to check for injury and microchip."
+            },
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -139,4 +145,4 @@ export default function ResourcesPage() {
       />
     </ThemeProvider>
   );
-}
+}