[V0_FILE]plaintext:file=".gitignore" isMerged="true" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" isMerged="true" # Milun Healthcare Website *Automatically synced with your [v0.dev](https://v0.dev) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/22951a66b6-iareacins-projects/v0-milun-healthcare-website) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.dev-black?style=for-the-badge)](https://v0.dev/chat/projects/FeKsjq8lEqQ) ## Overview This repository will stay in sync with your deployed chats on [v0.dev](https://v0.dev). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.dev](https://v0.dev). ## Deployment Your project is live at: **[https://vercel.com/22951a66b6-iareacins-projects/v0-milun-healthcare-website](https://vercel.com/22951a66b6-iareacins-projects/v0-milun-healthcare-website)** ## Build your app Continue building your app on: **[https://v0.dev/chat/projects/FeKsjq8lEqQ](https://v0.dev/chat/projects/FeKsjq8lEqQ)** ## How It Works 1. Create and modify your project using [v0.dev](https://v0.dev) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { html { scroll-behavior: smooth; } body { font-family: "Open Sans", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; } } @layer utilities { .animate-fade-in { animation: fadeIn 1s ease-in-out forwards; } .animate-fade-in-left { animation: fadeInLeft 1s ease-in-out forwards; } .animate-fade-in-right { animation: fadeInRight 1s ease-in-out forwards; } .animate-gradient { background-size: 200% 200%; animation: gradientShift 3s ease infinite; } .animate-float { animation: float 3s ease-in-out infinite; } .animate-pulse-slow { animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; } } @keyframes fadeIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeInRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #007bff, #28a745); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: linear-gradient(to bottom, #0056b3, #1e7e34); } [V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "default", "rsc": true, "tsx": true, "tailwind": { "config": "tailwind.config.ts", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" 'use client' import * as React from 'react' import { ThemeProvider as NextThemesProvider, type ThemeProviderProps, } from 'next-themes' export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="components/ui/accordion.tsx" isMerged="true" "use client" import * as React from "react" import * as AccordionPrimitive from "@radix-ui/react-accordion" import { ChevronDown } from "lucide-react" import { cn } from "@/lib/utils" const Accordion = AccordionPrimitive.Root const AccordionItem = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AccordionItem.displayName = "AccordionItem" const AccordionTrigger = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( svg]:rotate-180", className )} {...props} > {children} )) AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName const AccordionContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => (

{children}

)) AccordionContent.displayName = AccordionPrimitive.Content.displayName export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } [V0_FILE]typescriptreact:file="components/ui/alert-dialog.tsx" isMerged="true" "use client" import * as React from "react" import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog" import { cn } from "@/lib/utils" import { buttonVariants } from "@/components/ui/button" const AlertDialog = AlertDialogPrimitive.Root const AlertDialogTrigger = AlertDialogPrimitive.Trigger const AlertDialogPortal = AlertDialogPrimitive.Portal const AlertDialogOverlay = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName const AlertDialogContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName const AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes) => (

) AlertDialogHeader.displayName = "AlertDialogHeader" const AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes) => (

) AlertDialogFooter.displayName = "AlertDialogFooter" const AlertDialogTitle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName const AlertDialogDescription = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName const AlertDialogAction = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName const AlertDialogCancel = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } [V0_FILE]typescriptreact:file="components/ui/alert.tsx" isMerged="true" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const alertVariants = cva( "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", { variants: { variant: { default: "bg-background text-foreground", destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive", }, }, defaultVariants: { variant: "default", }, } ) const Alert = React.forwardRef< HTMLDivElement, React.HTMLAttributes & VariantProps >(({ className, variant, ...props }, ref) => (

)) Alert.displayName = "Alert" const AlertTitle = React.forwardRef< HTMLParagraphElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) AlertTitle.displayName = "AlertTitle" const AlertDescription = React.forwardRef< HTMLParagraphElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) AlertDescription.displayName = "AlertDescription" export { Alert, AlertTitle, AlertDescription } [V0_FILE]typescriptreact:file="components/ui/aspect-ratio.tsx" isMerged="true" "use client" import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio" const AspectRatio = AspectRatioPrimitive.Root export { AspectRatio } [V0_FILE]typescriptreact:file="components/ui/avatar.tsx" isMerged="true" "use client" import * as React from "react" import * as AvatarPrimitive from "@radix-ui/react-avatar" import { cn } from "@/lib/utils" const Avatar = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) Avatar.displayName = AvatarPrimitive.Root.displayName const AvatarImage = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AvatarImage.displayName = AvatarPrimitive.Image.displayName const AvatarFallback = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName export { Avatar, AvatarImage, AvatarFallback } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const badgeVariants = cva( "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", { variants: { variant: { default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", outline: "text-foreground", }, }, defaultVariants: { variant: "default", }, } ) export interface BadgeProps extends React.HTMLAttributes, VariantProps {} function Badge({ className, variant, ...props }: BadgeProps) { return (
) } export { Badge, badgeVariants } [V0_FILE]typescriptreact:file="components/ui/breadcrumb.tsx" isMerged="true" import * as React from "react" import { Slot } from "@radix-ui/react-slot" import { ChevronRight, MoreHorizontal } from "lucide-react" import { cn } from "@/lib/utils" const Breadcrumb = React.forwardRef< HTMLElement, React.ComponentPropsWithoutRef<"nav"> & { separator?: React.ReactNode } >(({ ...props }, ref) =>
) Breadcrumb.displayName = "Breadcrumb" const BreadcrumbList = React.forwardRef< HTMLOListElement, React.ComponentPropsWithoutRef<"ol"> >(({ className, ...props }, ref) => (
)) BreadcrumbList.displayName = "BreadcrumbList" const BreadcrumbItem = React.forwardRef< HTMLLIElement, React.ComponentPropsWithoutRef<"li"> >(({ className, ...props }, ref) => (
)) BreadcrumbItem.displayName = "BreadcrumbItem" const BreadcrumbLink = React.forwardRef< HTMLAnchorElement, React.ComponentPropsWithoutRef<"a"> & { asChild?: boolean } >(({ asChild, className, ...props }, ref) => { const Comp = asChild ? Slot : "a" return ( ) }) BreadcrumbLink.displayName = "BreadcrumbLink" const BreadcrumbPage = React.forwardRef< HTMLSpanElement, React.ComponentPropsWithoutRef<"span"> >(({ className, ...props }, ref) => ( )) BreadcrumbPage.displayName = "BreadcrumbPage" const BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<"li">) => (
) BreadcrumbSeparator.displayName = "BreadcrumbSeparator" const BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<"span">) => ( ) BreadcrumbEllipsis.displayName = "BreadcrumbElipssis" export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } [V0_FILE]typescriptreact:file="components/ui/button.tsx" isMerged="true" import * as React from "react" import { Slot } from "@radix-ui/react-slot" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", { variants: { variant: { default: "bg-primary text-primary-foreground hover:bg-primary/90", destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90", outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "h-10 px-4 py-2", sm: "h-9 rounded-md px-3", lg: "h-11 rounded-md px-8", icon: "h-10 w-10", }, }, defaultVariants: { variant: "default", size: "default", }, } ) export interface ButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean } const Button = React.forwardRef( ({ className, variant, size, asChild = false, ...props }, ref) => { const Comp = asChild ? Slot : "button" return ( ) } ) Button.displayName = "Button" export { Button, buttonVariants } [V0_FILE]typescriptreact:file="components/ui/calendar.tsx" isMerged="true" "use client" import * as React from "react" import { ChevronLeft, ChevronRight } from "lucide-react" import { DayPicker } from "react-day-picker" import { cn } from "@/lib/utils" import { buttonVariants } from "@/components/ui/button" export type CalendarProps = React.ComponentProps function Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) { return ( , IconRight: ({ ...props }) => , }} {...props} /> ) } Calendar.displayName = "Calendar" export { Calendar } [V0_FILE]typescriptreact:file="components/ui/card.tsx" isMerged="true" import * as React from "react" import { cn } from "@/lib/utils" const Card = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) Card.displayName = "Card" const CardHeader = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardHeader.displayName = "CardHeader" const CardTitle = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardTitle.displayName = "CardTitle" const CardDescription = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardDescription.displayName = "CardDescription" const CardContent = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardContent.displayName = "CardContent" const CardFooter = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) CardFooter.displayName = "CardFooter" export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } [V0_FILE]typescriptreact:file="components/ui/carousel.tsx" isMerged="true" "use client" import * as React from "react" import useEmblaCarousel, { type UseEmblaCarouselType, } from "embla-carousel-react" import { ArrowLeft, ArrowRight } from "lucide-react" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" type CarouselApi = UseEmblaCarouselType[1] type UseCarouselParameters = Parameters type CarouselOptions = UseCarouselParameters[0] type CarouselPlugin = UseCarouselParameters[1] type CarouselProps = { opts?: CarouselOptions plugins?: CarouselPlugin orientation?: "horizontal" | "vertical" setApi?: (api: CarouselApi) => void } type CarouselContextProps = { carouselRef: ReturnType[0] api: ReturnType[1] scrollPrev: () => void scrollNext: () => void canScrollPrev: boolean canScrollNext: boolean } & CarouselProps const CarouselContext = React.createContext(null) function useCarousel() { const context = React.useContext(CarouselContext) if (!context) { throw new Error("useCarousel must be used within a ") } return context } const Carousel = React.forwardRef< HTMLDivElement, React.HTMLAttributes & CarouselProps >( ( { orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref ) => { const [carouselRef, api] = useEmblaCarousel( { ...opts, axis: orientation === "horizontal" ? "x" : "y", }, plugins ) const [canScrollPrev, setCanScrollPrev] = React.useState(false) const [canScrollNext, setCanScrollNext] = React.useState(false) const onSelect = React.useCallback((api: CarouselApi) => { if (!api) { return } setCanScrollPrev(api.canScrollPrev()) setCanScrollNext(api.canScrollNext()) }, []) const scrollPrev = React.useCallback(() => { api?.scrollPrev() }, [api]) const scrollNext = React.useCallback(() => { api?.scrollNext() }, [api]) const handleKeyDown = React.useCallback( (event: React.KeyboardEvent) => { if (event.key === "ArrowLeft") { event.preventDefault() scrollPrev() } else if (event.key === "ArrowRight") { event.preventDefault() scrollNext() } }, [scrollPrev, scrollNext] ) React.useEffect(() => { if (!api || !setApi) { return } setApi(api) }, [api, setApi]) React.useEffect(() => { if (!api) { return } onSelect(api) api.on("reInit", onSelect) api.on("select", onSelect) return () => { api?.off("select", onSelect) } }, [api, onSelect]) return (
{children}
) } ) Carousel.displayName = "Carousel" const CarouselContent = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => { const { carouselRef, orientation } = useCarousel() return (

) }) CarouselContent.displayName = "CarouselContent" const CarouselItem = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => { const { orientation } = useCarousel() return (
) }) CarouselItem.displayName = "CarouselItem" const CarouselPrevious = React.forwardRef< HTMLButtonElement, React.ComponentProps >(({ className, variant = "outline", size = "icon", ...props }, ref) => { const { orientation, scrollPrev, canScrollPrev } = useCarousel() return ( ) }) CarouselPrevious.displayName = "CarouselPrevious" const CarouselNext = React.forwardRef< HTMLButtonElement, React.ComponentProps >(({ className, variant = "outline", size = "icon", ...props }, ref) => { const { orientation, scrollNext, canScrollNext } = useCarousel() return ( ) }) CarouselNext.displayName = "CarouselNext" export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } [V0_FILE]typescriptreact:file="components/ui/chart.tsx" isMerged="true" "use client" import * as React from "react" import * as RechartsPrimitive from "recharts" import { cn } from "@/lib/utils" // Format: { THEME_NAME: CSS_SELECTOR } const THEMES = { light: "", dark: ".dark" } as const export type ChartConfig = { [k in string]: { label?: React.ReactNode icon?: React.ComponentType } & ( | { color?: string; theme?: never } | { color?: never; theme: Record } ) } type ChartContextProps = { config: ChartConfig } const ChartContext = React.createContext(null) function useChart() { const context = React.useContext(ChartContext) if (!context) { throw new Error("useChart must be used within a ") } return context } const ChartContainer = React.forwardRef< HTMLDivElement, React.ComponentProps<"div"> & { config: ChartConfig children: React.ComponentProps< typeof RechartsPrimitive.ResponsiveContainer >["children"] } >(({ id, className, children, config, ...props }, ref) => { const uniqueId = React.useId() const chartId = `chart-${id || uniqueId.replace(/:/g, "")}` return (
{children}
) }) ChartContainer.displayName = "Chart" const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => { const colorConfig = Object.entries(config).filter( ([_, config]) => config.theme || config.color ) if (!colorConfig.length) { return null } return ( {children} ) } [V0_FILE]jpg:file="public/products/eto1.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/eto1.jpg-oLmYIQTxcT19EejwvHYoRbF2KOtP8Q.jpeg" [V0_FILE]jpg:file="public/products/eto2.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/eto2.jpg-JeysGzhJfq0oyOO2vw7jKP2RSWGkNL.jpeg" [V0_FILE]jpg:file="public/products/mi1.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/mi1.jpg-Mik4KKjWaIJbBSF92iYYyNj7DE6G3k.jpeg" [V0_FILE]jpg:file="public/products/mi2.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/mi2.jpg-xJK8oCHZOjPsAErzg18VKekW7uWZCS.jpeg" [V0_FILE]jpg:file="public/products/fer1.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/fer1.jpg-pWexDPM7sA2MnW50Aoe0blPNxWbByJ.jpeg" [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" "use client" import React from "react" import type { ReactElement } from "react" import { useState, useEffect } from "react" import Image from "next/image" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Phone, Mail, MapPin, Pill, Heart, Bone, Award, Globe, CheckCircle, FlaskRoundIcon as Flask, Menu, X, MessageCircle, ChevronLeft, ChevronRight, Star, Shield, Building, Stethoscope, Activity, Dna, } from "lucide-react" export default function MilunHealthcare(): ReactElement { const [isMenuOpen, setIsMenuOpen] = useState(false) const [isVisible, setIsVisible] = useState({}) const [currentImageIndex, setCurrentImageIndex] = useState({ "mi-sum-vit": 0, "mi-red-z-one": 0, "mi-cal-zm": 0, "etomil-mr": 0, "mi-cal-k2": 0, "ferti-fa-q10": 0, }) // Fixed product images mapping const productImages = { "mi-sum-vit": [ { src: "/products/mi-cal-zm-1.jpg", alt: "Mi Sum Vit Tablets - Front View" }, { src: "/products/mi-cal-zm-2.jpg", alt: "Mi Sum Vit Tablets - Side View with Details" }, { src: "/products/mi-cal-zm-3.jpg", alt: "Mi Sum Vit Tablets - With Blister Pack" }, ], "mi-red-z-one": [ { src: "/products/mi-red-z-one-1.jpg", alt: "Mi Red Z One Tablets - Front View" }, { src: "/products/mi-red-z-one-2.jpg", alt: "Mi Red Z One Tablets - With Blister Pack" }, ], "mi-cal-zm": [ { src: "/products/mi-sum-vit-1.jpg", alt: "Mi Cal ZM Tablets - Front View" }, { src: "/products/mi-sum-vit-2.jpg", alt: "Mi Cal ZM Tablets - Side View with Details" }, { src: "/products/mi-sum-vit-3.jpg", alt: "Mi Cal ZM Tablets - With Blister Pack" }, ], "etomil-mr": [ { src: "/products/eto1.jpg", alt: "EtoMil MR Tablets - Front View" }, { src: "/products/eto2.jpg", alt: "EtoMil MR Tablets - With Blister Pack" }, ], "mi-cal-k2": [ { src: "/products/mi1.jpg", alt: "Mi Cal K2 Tablets - Front View" }, { src: "/products/mi2.jpg", alt: "Mi Cal K2 Tablets - Side View with Details" }, ], "ferti-fa-q10": [{ src: "/products/fer1.jpg", alt: "Ferti Fa - Q10 Tablets - Front View" }], } useEffect(() => { const observer = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { setIsVisible((prev) => ({ ...prev, [entry.target.id]: true, })) } }) }, { threshold: 0.1 }, ) const sections = document.querySelectorAll("section[id]") sections.forEach((section) => observer.observe(section)) return () => observer.disconnect() }, []) const scrollToSection = (sectionId: string) => { const element = document.getElementById(sectionId) if (element) { element.scrollIntoView({ behavior: "smooth" }) } setIsMenuOpen(false) } const handleWhatsApp = () => { const message = encodeURIComponent("Hello Milun Healthcare!") window.open(`https://wa.me/919490370472?text=${message}`, "_blank") } const nextImage = (productKey: string) => { setCurrentImageIndex((prev) => ({ ...prev, [productKey]: (prev[productKey] + 1) % productImages[productKey].length, })) } const prevImage = (productKey: string) => { setCurrentImageIndex((prev) => ({ ...prev, [productKey]: prev[productKey] === 0 ? productImages[productKey].length - 1 : prev[productKey] - 1, })) } return (
{/* Header /}

{/ Logo /}

Milun Healthcare
Your Health is Our Priority

{/ Desktop Navigation /}
{["Home", "About Us", "Products", "Contact Us"].map((item) => ( ))}
{/ Mobile Menu Button /}
{/ Mobile Navigation /} {isMenuOpen && (

{["Home", "About Us", "Products", "Contact Us"].map((item) => ( ))}

)}
{/ Hero Section /}

ISO, WHO, GMP & GLP Certified

Your Health
is Our First
Priority

Milun Healthcare - Excellence in pharmaceutical care with cutting-edge technology and unwavering commitment to quality.

2024

Founded

4+

Certifications

{/ About Us Section /}

About Milun Healthcare

Pioneering{" "} Healthcare Excellence

Founded in March 2024 by visionary leaders{" "} Samala Sravanthi and{" "} Anapuram Hareesha, Milun Healthcare stands at the forefront of pharmaceutical excellence.

We are a certified pharmaceutical company with ISO, WHO, GMP, and GLP certifications, committed to ensuring your health and well-being through innovative medicine development and unwavering quality standards.

GST Registration

36ACAFM5490N1ZQ

Drug License

TG/MDL/2024-120786

{/ Products Section /}

Our Product Range

High-Quality{" "} Pharmaceutical Products

Crafted with Precision, Care & Scientific Excellence

{/ Mi Sum Vit Tablets /}

Mi Sum Vit™ Tablets
{/ Image Carousel /}

{productImages["mi-sum-vit"].length > 1 && ( <> )}

{productImages["mi-sum-vit"].length > 1 && (
{productImages["mi-sum-vit"].map((_, index) => (
)}

A powerful blend of Lycopene, Cyanocobalamin, Multimineral, Multivitamin & Antioxidants for{" "} comprehensive health support.

{/ Mi Red Z One Tablets /}

Mi Red Z One™ Tablets
{/ Image Carousel /}

{productImages["mi-red-z-one"].length > 1 && ( <> )}

{productImages["mi-red-z-one"].length > 1 && (
{productImages["mi-red-z-one"].map((_, index) => (
)}

Ferrous Ascorbate, Folic Acid & Zinc Sulphate{" "} Tablets specially formulated to{" "} support optimal blood health and vitality.

{/ Mi Cal ZM Tablets /}

Mi Cal ZM™ Tablets
{/ Image Carousel /}

{productImages["mi-cal-zm"].length > 1 && ( <> )}

{productImages["mi-cal-zm"].length > 1 && (
{productImages["mi-cal-zm"].map((_, index) => (
)}

Calcium Citrate Malate, Vitamin D3, Magnesium & Zinc Sulphate for superior bone health and overall wellness.

{/ EtoMil MR Tablets /}

EtoMil MR™ Tablets
{/ Image Carousel /}

{productImages["etomil-mr"].length > 1 && ( <> )}

{productImages["etomil-mr"].length > 1 && (
{productImages["etomil-mr"].map((_, index) => (
)}

A combination of{" "} Etoricoxib 60mg and Thiocolchicoside 4mg for pain relief. Supports{" "} muscle relaxation and inflammation management. Designed for effective musculoskeletal treatment.

{/ Mi Cal K2 Tablets /}

Mi Cal K2™ Tablets
{/ Image Carousel /}

{productImages["mi-cal-k2"].length > 1 && ( <> )}

{productImages["mi-cal-k2"].length > 1 && (
{productImages["mi-cal-k2"].map((_, index) => (
)}

Contains{" "} Calcium citrate malate 1250mg, Calcitriol 0.25 mcg, Mg 50 mg, Zink 7.5 Mg, Vitamin K2-7 45mcg, and Methylcobalomine 1500 mcg . Promotes bone health and strengthens immunity. Enriched with essential vitamins and minerals.

{/ Ferti Fa - Q10 Tablets /}

Ferti Fa - Q10™ Tablets
{/ Image Carousel /}

{productImages["ferti-fa-q10"].length > 1 && ( <> )}

{productImages["ferti-fa-q10"].length > 1 && (
{productImages["ferti-fa-q10"].map((_, index) => (
)}

Includes{" "} Ubiquinol 200 mg, Lycopene 5 mg, L-Carnitine 500 mg, L-Arginine 3000 mg, Folic Acid 400 mcg, Selenium 40 mcg, and Astaxanthin 8 mg . Enhances{" "} fertility and overall reproductive health. Packed with antioxidants for cellular support.

{/ Certifications Section /}

Quality Certifications

Trusted{" "} Global Standards

{[ { name: "ISO Certified", icon: Award, delay: "0s", color: "from-blue-500 to-blue-600" }, { name: "WHO Certified", icon: Globe, delay: "0.2s", color: "from-green-500 to-green-600" }, { name: "GMP Certified", icon: CheckCircle, delay: "0.4s", color: "from-orange-500 to-orange-600" }, { name: "GLP Certified", icon: Flask, delay: "0.6s", color: "from-purple-500 to-purple-600" }, ].map((cert, index) => (

{React.createElement(cert.icon, { size: 48, className: "text-white" })}

{cert.name}

International Standard

))}

{/ Contact Us Section /}

Contact Information

Get in{" "} Touch

We're here to help with all your healthcare needs

Our Location

H. No. 8-56, Road No. 5, Rampally, Keesara Mandal, Rangareddy, Hyderabad – 501301

Call Us

+91 9490370472

Available 24/7

Email Us
milunhealthcare@gmail.com
Quick Response

{/ Enhanced Footer /}

{/ Company Info /}

Milun Healthcare

Your Health is Our Priority

Leading pharmaceutical company committed to delivering high-quality medicines with international standards and certifications.

{/ Quick Links /}

Quick Links

{["Home", "About Us", "Products", "Certifications"].map((link) => (

))}

{/ Contact Info /}

Contact Info

H. No. 8-56, Road No. 5, Rampally, Keesara Mandal, Rangareddy, Hyderabad – 501301

9490370472

milunhealthcare@gmail.com

{/ Certifications Bar /}

ISO Certified

WHO Approved

GMP Certified

GLP Certified

{/ Bottom Footer /}

© 2024 Milun Healthcare. All Rights Reserved.

"Your Health is Our First Priority"

Connect with us

Available 24/7 for support

{/ Designer Watermark */}

Designed by Ashrith and Saketh

) }