[V0_FILE]typescriptreact:file="components/ui/switch.tsx" isMerged="true" "use client" import * as React from "react" import * as SwitchPrimitives from "@radix-ui/react-switch" import { cn } from "@/lib/utils" const Switch = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) Switch.displayName = SwitchPrimitives.Root.displayName export { Switch } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { PricingCards } from "@/components/pricing-cards" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/pricing-cards.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import { Calendar } from "lucide-react" export function PricingCards() { const [lightFastDelivery, setLightFastDelivery] = useState(false) const [darkFastDelivery, setDarkFastDelivery] = useState(false) const LightCheckIcon = ({ className }) => ( ) const DarkCheckIcon = ({ className }) => ( ) const ToggleSwitch = ({ enabled, onChange, isDark = false }) => (

Fast delivery (5 days)

) const features = ["2 designs concepts", "Custom code", "On-time delivery", "Support", "Animations"] return (

{/* Light Card */}

Pricing

Get a high quality landing page for your product.

$1999 /fixed

{features.map((feature) => (

{feature}

))}

{/* Dark Card */}

Pricing

Get a high quality landing page for your product.

$1999 /fixed

{features.map((feature) => (

{feature}

))}

) }

About

Tags

Share

About

Tags

Share

About

Tags

Share

About

Tags

Share