8c:I[903690,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/45cgj0o2dd5ka.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2b7mx-6g-n-p-.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1ilnu97ogkb5i.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0wkini5l9f_9s.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1zvm-f33paz4c.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0xushjtk7v84v.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF"],"ExplicitChatIdProvider"] 8d:I[838238,["/chat-static/_next/static/chunks/1hm3q0j7vx_jl.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/30cg74pivru03.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2ir1-mfl-mxun.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3139m71i45f_m.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1d27q4_h4it5w.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/10df6ghephwfh.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3g-fs4xgai-g5.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/45cgj0o2dd5ka.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1vo2s82fx-91j.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2b7mx-6g-n-p-.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0n2vqkuu3m7mv.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/151itv_w2dl-d.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1pzl0qjyusfha.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1ilnu97ogkb5i.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0wkini5l9f_9s.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1zvm-f33paz4c.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/43emq6v2fv13u.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/02rh369i5mh-5.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/1e1jj32nu3059.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/054nyoml5t8yc.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0tmnhs5rj_pj7.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3z0af037uy3y2.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/130lebo2db7jj.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/311y33ni2zbzy.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0b2jr5pl--hcz.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/3ji6b0r5j__17.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/01ptiup-2nj2g.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/346rh7hczex73.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0rr2h1ez7ud1-.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/0xushjtk7v84v.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF","/chat-static/_next/static/chunks/42e91lyqcvypr.js?dpl=dpl_GKCxgZYuMHZaP7gJ6dR7rS7v2SQF"],"SWRDataProvider"] 8e:T104b7,[V0_FILE]typescriptreact:file="components/intro-section.tsx" isMerged="true" export function IntroSection() { return (

Home-Based Palliative Care — Because Home is Where Healing Begins

At Sanjeevani, we understand that when a loved one is battling cancer, the comfort of home can make all the difference. Our dedicated team of healthcare professionals brings expert palliative care right to your doorstep.

We believe that every patient deserves to be surrounded by family, familiar faces, and the warmth of their own home. Our services are designed to reduce hospital visits, manage pain effectively, and provide emotional support to both patients and their families.

With Sanjeevani, you are not alone in this journey. We walk with you, every step of the way.

) } [V0_FILE]typescriptreact:file="components/why-choose-section.tsx" isMerged="true" import { CheckCircle } from "lucide-react" const reasons = [ { title: "Experienced Team", description: "Our doctors and nurses have years of experience in palliative and cancer care.", }, { title: "24/7 Support", description: "Round-the-clock availability for emergencies and medical consultations.", }, { title: "Personalised Care Plans", description: "Every patient receives a customised care plan based on their specific needs.", }, { title: "Family-Centred Approach", description: "We support not just the patient, but the entire family through counselling and guidance.", }, { title: "Affordable Services", description: "Quality care that is accessible and affordable for families across all backgrounds.", }, { title: "Dignity & Respect", description: "We treat every patient with the utmost dignity, ensuring their comfort and peace of mind.", }, ] export function WhyChooseSection() { return (

Why Choose Sanjeevani?

We are committed to making a difference in the lives of cancer patients and their families

{reasons.map((reason) => (

{reason.title}

{reason.description}

))}

) } [V0_FILE]typescriptreact:file="components/cta-section.tsx" isMerged="true" import { Button } from "@/components/ui/button" import Link from "next/link" import { Phone } from "lucide-react" export function CtaSection() { return (

Ready to Bring Compassionate Care Home?

Take the first step towards better care for your loved one. Our team is here to listen, guide, and support you through every stage.

Call us at: +91 98765 43210 | Available 24/7

) } [V0_FILE]jpg:file="public/caring-nurse-holding-elderly-patient-hand-in-warm-.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/caring-nurse-holding-elderly-patient-hand-in-warm--SVMTLaGGHtL2200YDHBHNHL5UWAMdB.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/booking-modal.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { CheckCircle } from "lucide-react" interface BookingModalProps { open: boolean onOpenChange: (open: boolean) => void } const locations = ["Bangalore", "Hyderabad", "Delhi", "Mumbai"] const serviceTypes = ["Home Care", "Nursing Care", "Doctor Appointment"] const timeSlots = [ "9:00 AM - 10:00 AM", "10:00 AM - 11:00 AM", "11:00 AM - 12:00 PM", "12:00 PM - 1:00 PM", "2:00 PM - 3:00 PM", "3:00 PM - 4:00 PM", "4:00 PM - 5:00 PM", "5:00 PM - 6:00 PM", ] export function BookingModal({ open, onOpenChange }: BookingModalProps) { const [showSuccess, setShowSuccess] = useState(false) const [formData, setFormData] = useState({ fullName: "", contactNumber: "", location: "", serviceType: "", preferredDate: "", preferredTime: "", }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() setShowSuccess(true) setFormData({ fullName: "", contactNumber: "", location: "", serviceType: "", preferredDate: "", preferredTime: "", }) } const handleClose = () => { setShowSuccess(false) onOpenChange(false) } if (showSuccess) { return ( ) } return ( ) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" isEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import Link from "next/link" import { useState } from "react" import { BookingModal } from "@/components/booking-modal" export function HeroSection() { const [bookingOpen, setBookingOpen] = useState(false) return ( <>

{/* Background Image */}

{/* Content */}

Compassionate Palliative Care for Cancer Patients

Sanjeevani is the most trusted cancer care company.

Bringing comfort, dignity, and professional care to your loved ones in the familiar surroundings of home. We provide expert palliative care, nursing support, and emotional guidance for cancer patients and their families.

) } [V0_FILE]typescriptreact:file="components/services-section.tsx" isEdit="true" isMerged="true" import { Heart, Stethoscope, UserRound, Bell, Home } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" const services = [ { icon: Heart, title: "Palliative Care for Cancer Patients", description: "Comprehensive pain management and symptom control to ensure comfort and quality of life for patients at every stage of their cancer journey.", }, { icon: Home, title: "Home-Based Healthcare Services", description: "Professional healthcare delivered in the comfort of your home, reducing hospital visits and keeping patients close to their loved ones.", }, { icon: Stethoscope, title: "Doctor Consultations", description: "Regular home visits by experienced doctors who understand the unique needs of cancer patients and provide personalised medical guidance.", }, { icon: UserRound, title: "Nursing Care", description: "Trained and compassionate nurses available to provide medical care, wound dressing, injections, and personal assistance round-the-clock.", }, { icon: Bell, title: "Medication Reminders", description: "Timely reminders and assistance with medication schedules to ensure proper treatment adherence and optimal health outcomes.", }, ] export function ServicesSection() { return (

Our Services

Professional healthcare services delivered with warmth, care, and understanding

{services.map((service) => (

{service.title}

{service.description}

))}

) } [V0_FILE]typescriptreact:file="components/testimonials-section.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { ChevronLeft, ChevronRight, Quote } from "lucide-react" const testimonials = [ { quote: "Sanjeevani provided excellent care and emotional support during our most difficult time. The nurses were like family to us.", author: "Priya Sharma", location: "Bangalore", }, { quote: "The doctors and nurses were very kind and professional. They treated my father with so much respect and dignity.", author: "Rajesh Kumar", location: "Hyderabad", }, { quote: "Home care services made treatment comfortable and stress-free. We are forever grateful to the Sanjeevani team.", author: "Sunita Patel", location: "Mumbai", }, { quote: "The 24/7 support gave us peace of mind. Whenever we needed help, the team was just a phone call away.", author: "Amit Singh", location: "Delhi", }, { quote: "Sanjeevani helped us spend quality time with our mother in her final days. Their compassionate care was a blessing.", author: "Kavitha Reddy", location: "Bangalore", }, ] export function TestimonialsSection() { const [currentIndex, setCurrentIndex] = useState(0) const nextTestimonial = () => { setCurrentIndex((prev) => (prev + 1) % testimonials.length) } const prevTestimonial = () => { setCurrentIndex((prev) => (prev - 1 + testimonials.length) % testimonials.length) } return (

What Families Say About Us

Hear from the families who have experienced our compassionate care

{/* Desktop Grid */}

{testimonials.slice(0, 3).map((testimonial, index) => (

{`"${testimonial.quote}"`}

{testimonial.author}

{testimonial.location}

))}

{/* Mobile Slider */}

{`"${testimonials[currentIndex].quote}"`}

{testimonials[currentIndex].author}

{testimonials[currentIndex].location}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { Header } from "@/components/header" import { HeroSection } from "@/components/hero-section" import { IntroSection } from "@/components/intro-section" import { ServicesSection } from "@/components/services-section" import { WhyChooseSection } from "@/components/why-choose-section" import { TestimonialsSection } from "@/components/testimonials-section" import { CtaSection } from "@/components/cta-section" import { Footer } from "@/components/footer" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="app/services/page.tsx" isMerged="true" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { CtaSection } from "@/components/cta-section" import { Heart, Stethoscope, UserRound, Bell, Home } from "lucide-react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" const services = [ { icon: Heart, title: "Palliative Care for Cancer Patients", description: "Our palliative care services focus on improving the quality of life for cancer patients. We provide comprehensive pain management, symptom control, and comfort care. Our team works to ensure patients can live as comfortably as possible, with dignity and peace.", features: [ "Pain and symptom management", "Comfort care and relief", "Emotional and psychological support", "Quality of life improvement", ], }, { icon: Home, title: "Home-Based Healthcare Services", description: "We bring professional healthcare to your doorstep. Our home-based services reduce the stress and inconvenience of hospital visits, allowing patients to receive quality care in familiar surroundings. This approach helps patients heal better while staying close to their families.", features: [ "Medical care at your home", "Reduced hospital visits", "Comfortable treatment environment", "Family involvement in care", ], }, { icon: Stethoscope, title: "Doctor Consultations", description: "Our experienced doctors visit patients at home for regular check-ups and consultations. They understand the unique challenges of cancer care and provide personalised medical guidance. All consultations are conducted with patience and compassion.", features: ["Regular home visits", "Personalised treatment plans", "Medication adjustments", "Health monitoring"], }, { icon: UserRound, title: "Nursing Care", description: "Our trained nurses are available to provide round-the-clock care for patients. They assist with medical procedures, wound dressing, injections, and daily activities. Our nursing staff is selected for their skills and compassionate nature.", features: [ "24/7 nursing support", "Wound care and dressing", "Injection and IV administration", "Personal care assistance", ], }, { icon: Bell, title: "Medication Reminders", description: "Proper medication adherence is crucial for treatment success. Our team helps patients and families keep track of medication schedules, ensuring that all medicines are taken on time and in the right dosage.", features: [ "Timely medication reminders", "Dosage tracking", "Prescription management", "Treatment adherence support", ], }, ] export default function ServicesPage() { return (

{/* Hero Section */}

Our Services

Comprehensive healthcare services designed to provide comfort and support for cancer patients at home

{/* Services List */}

{services.map((service) => (

{service.title}

{service.description}

{feature}

))}

) } [V0_FILE]typescriptreact:file="app/testimonials/page.tsx" isMerged="true" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { CtaSection } from "@/components/cta-section" import { Card, CardContent } from "@/components/ui/card" import { Quote } from "lucide-react" const testimonials = [ { quote: "Sanjeevani provided excellent care and emotional support during our most difficult time. The nurses were like family to us. They treated my mother with such love and respect.", author: "Priya Sharma", location: "Bangalore", }, { quote: "The doctors and nurses were very kind and professional. They treated my father with so much respect and dignity. We could not have asked for better care.", author: "Rajesh Kumar", location: "Hyderabad", }, { quote: "Home care services made treatment comfortable and stress-free. We are forever grateful to the Sanjeevani team for their dedication and compassion.", author: "Sunita Patel", location: "Mumbai", }, { quote: "The 24/7 support gave us peace of mind. Whenever we needed help, the team was just a phone call away. This level of service is truly remarkable.", author: "Amit Singh", location: "Delhi", }, { quote: "Sanjeevani helped us spend quality time with our mother in her final days. Their compassionate care was a blessing to our entire family.", author: "Kavitha Reddy", location: "Bangalore", }, { quote: "The medication reminders and regular check-ups ensured my husband received proper care. The team's attention to detail gave us confidence in the treatment.", author: "Meera Gupta", location: "Delhi", }, { quote: "What impressed me most was how they treated the whole family. The counselling support helped us cope with this difficult period. Thank you, Sanjeevani.", author: "Suresh Nair", location: "Mumbai", }, { quote: "Finding Sanjeevani was a blessing. Their professional yet caring approach made a huge difference in my father's quality of life during his treatment.", author: "Anjali Menon", location: "Hyderabad", }, ] export default function TestimonialsPage() { return (

{/* Hero Section */}

Testimonials

Hear from the families who have experienced our compassionate care

{/* Testimonials Grid */}

{testimonials.map((testimonial, index) => (

{`"${testimonial.quote}"`}

{testimonial.author}

{testimonial.location}

))}

) } [V0_FILE]typescriptreact:file="app/contact/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Card, CardContent } from "@/components/ui/card" import { Phone, Mail, MapPin, CheckCircle } from "lucide-react" export default function ContactPage() { const [submitted, setSubmitted] = useState(false) const [formData, setFormData] = useState({ name: "", phone: "", message: "", }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() setSubmitted(true) setFormData({ name: "", phone: "", message: "" }) } return (

{/* Hero Section */}

Contact Us

We are here to help. Reach out to us for any questions or to schedule a consultation.

{/* Contact Content */}

{/* Contact Information */}

Get in Touch

Our team is available to answer your questions and provide guidance about our palliative care services. Please feel free to reach out to us through any of the following methods.

Phone

9876543210

Available 24/7 for enquiries

Email

info@sanjeevanicare.com

We respond within 24 hours

Location

India

Serving Bangalore, Hyderabad, Delhi, Mumbai

{/* Contact Form */}

Send Us a Message

{submitted ? (

Message Sent!

Thank you for contacting us. Our team will get back to you shortly.

) : (

Name * setFormData({ ...formData, name: e.target.value })} placeholder="Enter your name" />

Phone Number * setFormData({ ...formData, phone: e.target.value })} placeholder="Enter your phone number" />

Message *

setFormData({ ...formData, message: e.target.value })}
                          placeholder="How can we help you?"
                        />
                      </div>

<Button type="submit" className="w-full">
                        Send Message
                      </Button>
                    </form>
                  </CardContent>
                </Card>
              )}
            </div>
          </div>
        </div>
      </section>

<Footer />
    </main>
  )
}
[V0_FILE]typescriptreact:file="app/terms/page.tsx" isMerged="true"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"

const terms = [
  "Sanjeevani provides palliative and home-based healthcare services for cancer patients in India.",
  "Our services are designed to provide comfort and support, not to replace hospital or emergency care.",
  "Emergency cases must be taken to the nearest hospital immediately. We do not provide emergency medical services.",
  "Services are based on medical advice and the patient's current condition as assessed by our team.",
  "Appointment availability depends on staff schedules and location. We will try our best to accommodate your preferred timing.",
  "All patient data and medical information is kept strictly confidential and will not be shared without consent.",
  "Our team will handle all patient information in accordance with applicable data protection laws.",
  "Sanjeevani is not responsible for medical emergencies that may occur during or outside of our care hours.",
  "Medication reminders are support-based only. Final responsibility for medication intake lies with the patient and family.",
  "Our healthcare professionals are trained and certified, but outcomes may vary based on individual health conditions.",
  "Users must provide accurate and complete information about the patient's health condition and medical history.",
  "Cancellations should be informed at least 24 hours in advance to allow for rescheduling.",
  "Treatment outcomes are not guaranteed as they depend on various factors including the patient's overall health.",
  "Website content is informational only and should not be considered as medical advice.",
  "Misuse of our services or providing false information may result in termination of services.",
  "Terms and conditions may be updated from time to time. Continued use of our services indicates acceptance of any changes.",
  "Continued use of Sanjeevani services means acceptance of these terms and conditions.",
  "Any disputes arising from the use of our services are subject to Indian law and jurisdiction.",
  "Services are provided within our operational limits and available resources.",
  "All rights related to Sanjeevani services, content, and branding are reserved by Sanjeevani.",
]

export default function TermsPage() {
  return (
    <main className="min-h-screen">
      <Header />

{/* Hero Section */}
      <section className="py-16 lg:py-24 bg-secondary">
        <div className="container mx-auto px-4 lg:px-8">
          <div className="max-w-3xl mx-auto text-center">
            <h1 className="text-3xl md:text-4xl lg:text-5xl font-serif font-bold text-foreground text-balance">
              Terms & Conditions
            </h1>
            <p className="mt-6 text-lg text-muted-foreground leading-relaxed">
              Please read these terms carefully before using our services
            </p>
          </div>
        </div>
      </section>

{/* Terms Content */}
      <section className="py-16 lg:py-24 bg-card">
        <div className="container mx-auto px-4 lg:px-8">
          <div className="max-w-4xl mx-auto">
            <div className="bg-background rounded-lg border border-border p-6 lg:p-10">
              <ol className="space-y-4">
                {terms.map((term, index) => (
                  <li key={index} className="flex gap-4">
                    <span className="font-semibold text-primary flex-shrink-0">{index + 1}.</span>
                    <span className="text-muted-foreground leading-relaxed">{term}</span>
                  </li>
                ))}
              </ol>

<div className="mt-10 pt-6 border-t border-border">
                <p className="text-sm text-muted-foreground text-center">
                  By using Sanjeevani services, you acknowledge that you have read, understood, and agree to these Terms
                  & Conditions.
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>

<Footer />
    </main>
  )
}
[V0_FILE]jpg:file="public/caring-nurse-holding-elderly-cancer-patient-hand-i.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/caring-nurse-holding-elderly-cancer-patient-hand-i-0F6g4YEFQctkAQPZM425BLQ1Vpod81.jpg" isMerged="true"
[V0_FILE]jpeg:file="public/logo.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/logo-ceZzR1ZE41YVRTon9deCJEACH9fE5F.jpeg" isMerged="true"
[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true"
import type React from "react"
import type { Metadata } from "next"
import { Analytics } from "@vercel/analytics/next"
import "./globals.css"

export const metadata: Metadata = {
  title: "Sanjeevani - Compassionate Palliative Care for Cancer Patients",
  description:
    "Sanjeevani is the most trusted cancer care company providing compassionate home-based palliative care for cancer patients. Professional nursing, doctor consultations, and medication support in India.",
  keywords:
    "palliative care, cancer care, home nursing, doctor consultation, medication reminders, India, Bangalore, Hyderabad, Delhi, Mumbai",
  icons: {
    icon: "/logo.jpeg",
    apple: "/logo.jpeg",
  },
  openGraph: {
    title: "Sanjeevani - Compassionate Palliative Care for Cancer Patients",
    description: "Sanjeevani provides compassionate home-based palliative care for cancer patients in India.",
    images: ["/logo.jpeg"],
  },
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <body className="font-sans antialiased">
        {children}
        <Analytics />
      </body>
    </html>
  )
}
[V0_FILE]typescriptreact:file="app/about/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { Header } from "@/components/header"
import { Footer } from "@/components/footer"
import { Heart, Users, Home, Shield } from "lucide-react"
import Image from "next/image"

const values = [
  {
    icon: Heart,
    title: "Compassion",
    description: "We treat every patient with kindness, empathy, and understanding. Your comfort is our priority.",
  },
  {
    icon: Users,
    title: "Family-Centred Care",
    description:
      "We support not just the patient but the entire family through this journey with counselling and guidance.",
  },
  {
    icon: Home,
    title: "Home Comfort",
    description: "We believe healing happens best at home, surrounded by loved ones and familiar surroundings.",
  },
  {
    icon: Shield,
    title: "Dignity & Respect",
    description: "We ensure every patient is treated with the utmost dignity, preserving their quality of life.",
  },
]

export default function AboutPage() {
  return (
    <main className="min-h-screen">
      <Header />

{/* Hero Section */}
      <section className="py-16 lg:py-24 bg-secondary">
        <div className="container mx-auto px-4 lg:px-8">
          <div className="max-w-3xl mx-auto text-center">
            <div className="flex justify-center mb-6">
              <Image
                src="/logo.jpeg"
                alt="Sanjeevani Logo"
                width={120}
                height={120}
                className="w-24 h-24 lg:w-32 lg:h-32 rounded-full object-cover shadow-lg"
                priority
              />
            </div>
            <h1 className="text-3xl md:text-4xl lg:text-5xl font-serif font-bold text-foreground text-balance">
              About Sanjeevani
            </h1>
            <p className="mt-6 text-lg text-muted-foreground leading-relaxed">
              Dedicated to providing compassionate palliative care for cancer patients in India
            </p>
          </div>
        </div>
      </section>

{/* About Content */}
      <section className="py-16 lg:py-24 bg-card">
        <div className="container mx-auto px-4 lg:px-8">
          <div className="max-w-4xl mx-auto">
            <div className="space-y-8 text-muted-foreground leading-relaxed">
              <p className="text-lg">
                Sanjeevani was founded with a simple yet powerful mission — to bring compassionate palliative care to
                cancer patients in the comfort of their own homes. We understand that facing cancer is one of the most
                challenging experiences for both patients and their families.
              </p>
              <p>
                Our focus is on providing holistic care that addresses not just the physical symptoms but also the
                emotional, social, and spiritual needs of patients. We believe that every individual deserves to spend
                their days with dignity, comfort, and peace, surrounded by their loved ones.
              </p>
              <p>
                At Sanjeevani, we work closely with families to create personalised care plans that reduce the need for
                hospital visits while ensuring professional medical support is always available. Our team of experienced
                doctors, nurses, and caregivers are trained specifically in palliative care for cancer patients.
              </p>
              <p>
                We also provide counselling and emotional support to family members, helping them cope with the
                challenges of caregiving. Our goal is to ensure that no family has to face this journey alone.
              </p>
              <p className="text-lg font-semibold text-foreground">
                With Sanjeevani, you get more than healthcare — you get a caring partner who walks with you every step
                of the way.
              </p>
            </div>
          </div>
        </div>
      </section>

{/* Values Section */}
      <section className="py-16 lg:py-24 bg-background">
        <div className="container mx-auto px-4 lg:px-8">
          <div className="text-center mb-12">
            <h2 className="text-2xl md:text-3xl font-serif font-bold text-foreground">Our Values</h2>
            <p className="mt-4 text-muted-foreground">The principles that guide everything we do</p>
          </div>
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8 max-w-6xl mx-auto">
            {values.map((value) => (
              <div key={value.title} className="text-center p-6">
                <div className="inline-flex items-center justify-center w-14 h-14 rounded-full bg-primary/10 text-primary mb-4">
                  <value.icon className="w-7 h-7" />
                </div>
                <h3 className="font-serif font-semibold text-foreground mb-2">{value.title}</h3>
                <p className="text-sm text-muted-foreground">{value.description}</p>
              </div>
            ))}
          </div>
        </div>
      </section>

<Footer />
    </main>
  )
}
[V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true"
@import "tailwindcss";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

:root {
  /* Soft, calm healthcare colors - light blue, green, and white */
  --background: oklch(0.99 0.002 220);
  --foreground: oklch(0.25 0.02 220);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.25 0.02 220);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.25 0.02 220);
  /* Updated primary to soft teal-green */
  --primary: oklch(0.5 0.1 170);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.96 0.01 220);
  --secondary-foreground: oklch(0.25 0.02 220);
  --muted: oklch(0.95 0.01 220);
  --muted-foreground: oklch(0.45 0.02 220);
  /* Updated accent to soft blue */
  --accent: oklch(0.6 0.08 220);
  --accent-foreground: oklch(0.99 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.92 0.01 220);
  --input: oklch(0.94 0.01 220);
  --ring: oklch(0.5 0.1 170);
  --chart-1: oklch(0.5 0.1 170);
  --chart-2: oklch(0.6 0.08 220);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.5rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.5 0.1 170);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.5 0.1 170);
}

.dark {
  --background: oklch(0.18 0.02 220);
  --foreground: oklch(0.95 0.01 220);
  --card: oklch(0.22 0.02 220);
  --card-foreground: oklch(0.95 0.01 220);
  --popover: oklch(0.22 0.02 220);
  --popover-foreground: oklch(0.95 0.01 220);
  --primary: oklch(0.55 0.1 170);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.28 0.02 220);
  --secondary-foreground: oklch(0.95 0.01 220);
  --muted: oklch(0.28 0.02 220);
  --muted-foreground: oklch(0.65 0.01 220);
  --accent: oklch(0.6 0.08 220);
  --accent-foreground: oklch(0.99 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.32 0.02 220);
  --input: oklch(0.32 0.02 220);
  --ring: oklch(0.55 0.1 170);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.22 0.02 220);
  --sidebar-foreground: oklch(0.95 0.01 220);
  --sidebar-primary: oklch(0.55 0.1 170);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.28 0.02 220);
  --sidebar-accent-foreground: oklch(0.95 0.01 220);
  --sidebar-border: oklch(0.32 0.02 220);
  --sidebar-ring: oklch(0.55 0.1 170);
}

@theme inline {
  /* Updated font to Times New Roman */
  --font-sans: "Times New Roman", Times, serif;
  --font-serif: "Times New Roman", Times, serif;
  --font-mono: "Courier New", monospace;
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }

/* Global smooth scrolling for luxury feel */
  html {
    scroll-behavior: smooth;
  }
}

/* Luxury smooth transitions for all interactive elements */
@layer components {
  /* Smooth transitions for links */
  a {
    @apply transition-all duration-300 ease-in-out;
  }

/* Smooth transitions for buttons */
  button {
    @apply transition-all duration-300 ease-in-out;
  }

/* Hover lift effect for cards */
  .luxury-card {
    @apply transition-all duration-500 ease-out;
  }

.luxury-card:hover {
    @apply -translate-y-2 shadow-xl;
  }

/* Smooth image transitions */
  img {
    @apply transition-all duration-500 ease-out;
  }

/* Luxury button hover effect */
  .luxury-btn {
    @apply transition-all duration-300 ease-out transform;
  }

.luxury-btn:hover {
    @apply scale-105 shadow-lg;
  }

/* Smooth underline effect for nav links */
  .nav-link {
    @apply relative;
  }

.nav-link::after {
    content: "";
    @apply absolute bottom-0 left-0 w-0 h-0.5 bg-primary transition-all duration-300 ease-out;
  }

.nav-link:hover::after {
    @apply w-full;
  }

/* Fade in animation for sections */
  .fade-in-section {
    @apply opacity-0 translate-y-4 transition-all duration-700 ease-out;
  }

.fade-in-section.visible {
    @apply opacity-100 translate-y-0;
  }
}
[V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true"
"use client"

import Link from "next/link"
import Image from "next/image"
import { Phone, Mail, MapPin } from "lucide-react"

const navLinks = [
  { name: "Home", href: "/" },
  { name: "About Us", href: "/about" },
  { name: "Services", href: "/services" },
  { name: "Testimonials", href: "/testimonials" },
  { name: "Contact", href: "/contact" },
  { name: "Terms & Conditions", href: "/terms" },
]

export function Footer() {
  const handleNavClick = () => {
    window.scrollTo({ top: 0, behavior: "smooth" })
  }

return (
    <footer className="bg-foreground text-card py-12 lg:py-16">
      <div className="container mx-auto px-4 lg:px-8">
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12">
          {/* Brand */}
          <div className="lg:col-span-2">
            <Link
              href="/"
              onClick={handleNavClick}
              className="inline-flex items-center gap-3 hover:opacity-80 transition-opacity duration-300"
            >
              <Image
                src="/logo.jpeg"
                alt="Sanjeevani Logo"
                width={56}
                height={56}
                className="w-12 h-12 lg:w-14 lg:h-14 rounded-full object-cover hover:scale-110 transition-transform duration-300"
              />
              <span className="text-2xl lg:text-3xl font-serif font-bold text-card tracking-wide">Sanjeevani</span>
            </Link>
            <p className="mt-4 text-card/70 text-sm leading-relaxed max-w-md">
              Sanjeevani is dedicated to providing compassionate palliative care for cancer patients in the comfort of
              their homes. We believe in dignity, comfort, and family-centred care.
            </p>
          </div>

{/* Quick Links */}
          <div>
            <h3 className="font-serif font-semibold text-card mb-4">Quick Links</h3>
            <nav className="flex flex-col gap-2">
              {navLinks.map((link) => (
                <Link
                  key={link.name}
                  href={link.href}
                  onClick={handleNavClick}
                  className="text-card/70 hover:text-card hover:translate-x-2 text-sm transition-all duration-300"
                >
                  {link.name}
                </Link>
              ))}
            </nav>
          </div>

{/* Contact Info */}
          <div>
            <h3 className="font-serif font-semibold text-card mb-4">Contact Us</h3>
            <div className="space-y-3">
              <div className="flex items-start gap-3 group cursor-pointer">
                <Phone className="w-4 h-4 text-card/70 mt-0.5 flex-shrink-0 group-hover:text-card group-hover:scale-110 transition-all duration-300" />
                <p className="text-sm text-card/70 group-hover:text-card transition-colors duration-300">9876543210</p>
              </div>
              <div className="flex items-start gap-3 group cursor-pointer">
                <Mail className="w-4 h-4 text-card/70 mt-0.5 flex-shrink-0 group-hover:text-card group-hover:scale-110 transition-all duration-300" />
                <p className="text-sm text-card/70 group-hover:text-card transition-colors duration-300">
                  info@sanjeevanicare.com
                </p>
              </div>
              <div className="flex items-start gap-3 group cursor-pointer">
                <MapPin className="w-4 h-4 text-card/70 mt-0.5 flex-shrink-0 group-hover:text-card group-hover:scale-110 transition-all duration-300" />
                <p className="text-sm text-card/70 group-hover:text-card transition-colors duration-300">India</p>
              </div>
            </div>
          </div>
        </div>

{/* Bottom Bar */}
        <div className="mt-12 pt-8 border-t border-card/20">
          <p className="text-card/60 text-sm text-center">© Sanjeevani. All Rights Reserved.</p>
        </div>
      </div>
    </footer>
  )
}
[V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true"
"use client"

import { useState } from "react"
import Link from "next/link"
import Image from "next/image"
import { Menu, X } from "lucide-react"
import { Button } from "@/components/ui/button"
import { BookingModal } from "@/components/booking-modal"

const navItems = [
  { name: "Home", href: "/" },
  { name: "About Us", href: "/about" },
  { name: "Services", href: "/services" },
  { name: "Testimonials", href: "/testimonials" },
  { name: "Contact", href: "/contact" },
  { name: "Terms & Conditions", href: "/terms" },
]

export function Header() {
  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
  const [bookingOpen, setBookingOpen] = useState(false)

const handleNavClick = () => {
    window.scrollTo({ top: 0, behavior: "smooth" })
    setMobileMenuOpen(false)
  }

return (
    <>
      <header className="sticky top-0 z-50 bg-card/95 backdrop-blur supports-[backdrop-filter]:bg-card/90 border-b border-border">
        <div className="container mx-auto px-4 lg:px-8">
          <div className="flex items-center justify-between h-16 lg:h-20">
            {/* Logo - Added hover scale effect */}
            <Link href="/" className="flex items-center gap-2 group" onClick={handleNavClick}>
              <Image
                src="/logo.jpeg"
                alt="Sanjeevani Logo"
                width={48}
                height={48}
                className="w-10 h-10 lg:w-12 lg:h-12 rounded-full object-cover group-hover:scale-110 transition-transform duration-300"
                priority
              />
              <span className="text-xl lg:text-2xl font-serif font-bold text-primary tracking-wide group-hover:text-primary/80 transition-colors duration-300">
                Sanjeevani
              </span>
            </Link>

{/* Desktop Navigation - Added nav-link class for underline effect */}
            <nav className="hidden lg:flex items-center gap-6">
              {navItems.map((item) => (
                <Link
                  key={item.name}
                  href={item.href}
                  onClick={handleNavClick}
                  className="nav-link text-sm font-medium text-foreground/80 hover:text-primary transition-colors duration-300 py-1"
                >
                  {item.name}
                </Link>
              ))}
            </nav>

{/* Book Now Button - Desktop - Added luxury-btn class */}
            <div className="hidden lg:block">
              <Button
                onClick={() => setBookingOpen(true)}
                className="luxury-btn bg-primary hover:bg-primary/90 text-primary-foreground font-semibold px-6"
              >
                BOOK NOW
              </Button>
            </div>

{/* Mobile Menu Button */}
            <div className="flex items-center gap-2 lg:hidden">
              <Button
                onClick={() => setBookingOpen(true)}
                size="sm"
                className="luxury-btn bg-primary hover:bg-primary/90 text-primary-foreground font-semibold"
              >
                BOOK NOW
              </Button>
              <Button
                variant="ghost"
                size="icon"
                onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
                aria-label="Toggle menu"
                className="hover:scale-110 transition-transform duration-300"
              >
                {mobileMenuOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
              </Button>
            </div>
          </div>

{/* Mobile Navigation - Added smooth slide animation */}
          <div
            className={`lg:hidden overflow-hidden transition-all duration-500 ease-in-out ${mobileMenuOpen ? "max-h-96 opacity-100" : "max-h-0 opacity-0"}`}
          >
            <div className="py-4 border-t border-border">
              <nav className="flex flex-col gap-3">
                {navItems.map((item, index) => (
                  <Link
                    key={item.name}
                    href={item.href}
                    className="text-sm font-medium text-foreground/80 hover:text-primary hover:translate-x-2 transition-all duration-300 py-2"
                    onClick={handleNavClick}
                    style={{ transitionDelay: `${index * 50}ms` }}
                  >
                    {item.name}
                  </Link>
                ))}
              </nav>
            </div>
          </div>
        </div>
      </header>

<BookingModal open={bookingOpen} onOpenChange={setBookingOpen} />
    </>
  )
}88:["$","$L8c",null,{"chatId":"fGjzrGRfYlZ","children":["$","$L8d",null,{"data":{"@\"active-block\",\"fGjzrGRfYlZ\",":{"id":"b_Fe3sldoSizI","messageId":"k7cy8j9Ua6sdBD6aSSOYvw07q75GUd1R","source":"$8e","language":"typescriptreact","type":"code-project","closed":true,"meta":{"type":"code-project","project":"Code","taskNameActive":"Adding smooth transitions","taskNameComplete":"Added smooth transitions"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"fGjzrGRfYlZ\",":false,"":null},"children":"$L8f"}]}]
</article></body></html>

About

Tags

Share

About

Tags

Share