From f142ff87e8a3fa96262cef2ed21d27d83b2b215c Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 18 May 2026 13:00:21 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 290 +++++++++-------------------------------------- 1 file changed, 53 insertions(+), 237 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 93a6924..7e624da 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,31 +21,23 @@ export default function LandingPage() { defaultButtonVariant="elastic-effect" defaultTextAnimation="reveal-blur" borderRadius="soft" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -110,21 +77,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} features={[ - { - icon: Shield, - title: "Expert Care", - description: "Board-certified veterinary support.", - }, - { - icon: Zap, - title: "Quick Appointments", - description: "Flexible scheduling for every pet.", - }, - { - icon: Star, - title: "Premium Products", - description: "High-quality, vetted nutrition.", - }, + { icon: Shield, title: "Expert Care", description: "Board-certified veterinary support." }, + { icon: Zap, title: "Quick Appointments", description: "Flexible scheduling for every pet." }, + { icon: Star, title: "Premium Products", description: "High-quality, vetted nutrition." }, ]} title="Comprehensive Animal Services" description="From emergency care to routine checkups and nutrition, we have everything you need." @@ -138,48 +93,12 @@ export default function LandingPage() { gridVariant="four-items-2x2-equal-grid" useInvertedBackground={false} products={[ - { - id: "1", - name: "Premium Cat Food", - price: "$29.99", - variant: "Nutrition", - imageSrc: "http://img.b2bpic.net/free-photo/from-containers-with-cosmetics_23-2147803541.jpg", - }, - { - id: "2", - name: "Grooming Shampoo", - price: "$15.50", - variant: "Hygiene", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313073.jpg", - }, - { - id: "3", - name: "Playful Dog Toy", - price: "$9.99", - variant: "Toys", - imageSrc: "http://img.b2bpic.net/free-photo/soft-cookie-rope-carrot-slices-marble-background-high-quality-photo_114579-35866.jpg", - }, - { - id: "4", - name: "Bird Seed Mix", - price: "$12.00", - variant: "Nutrition", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-dried-flowers-with-coffee-granules-seeds-silver-spoons-dark-background-flavor-color-tea-photo-plant-tree_140725-160563.jpg", - }, - { - id: "5", - name: "Aquarium Purifier", - price: "$18.75", - variant: "Habitat", - imageSrc: "http://img.b2bpic.net/free-photo/glass-flower-vase_1385-1041.jpg", - }, - { - id: "6", - name: "Small Pet Bedding", - price: "$11.25", - variant: "Habitat", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-little-girl-is-playing-with-white-blue-budgie-pets-concept_169016-59173.jpg", - }, + { id: "1", name: "Premium Cat Food", price: "$29.99", variant: "Nutrition", imageSrc: "http://img.b2bpic.net/free-photo/from-containers-with-cosmetics_23-2147803541.jpg" }, + { id: "2", name: "Grooming Shampoo", price: "$15.50", variant: "Hygiene", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313073.jpg" }, + { id: "3", name: "Playful Dog Toy", price: "$9.99", variant: "Toys", imageSrc: "http://img.b2bpic.net/free-photo/soft-cookie-rope-carrot-slices-marble-background-high-quality-photo_114579-35866.jpg" }, + { id: "4", name: "Bird Seed Mix", price: "$12.00", variant: "Nutrition", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dried-flowers-with-coffee-granules-seeds-silver-spoons-dark-background-flavor-color-tea-photo-plant-tree_140725-160563.jpg" }, + { id: "5", name: "Aquarium Purifier", price: "$18.75", variant: "Habitat", imageSrc: "http://img.b2bpic.net/free-photo/glass-flower-vase_1385-1041.jpg" }, + { id: "6", name: "Small Pet Bedding", price: "$11.25", variant: "Habitat", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-little-girl-is-playing-with-white-blue-budgie-pets-concept_169016-59173.jpg" }, ]} title="Shop Pet Essentials" description="Curated selection of quality supplies." @@ -193,38 +112,12 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - badge: "Essential", - price: "$49/mo", - subtitle: "Basic checkups and support", - buttons: [ - { - text: "Get Started", - href: "#", - }, - ], - features: [ - "Routine exams", - "Annual vaccine", - "24/7 helpline", - ], + id: "basic", badge: "Essential", price: "$49/mo", subtitle: "Basic checkups and support", buttons: [{ text: "Get Started", href: "#" }], + features: ["Routine exams", "Annual vaccine", "24/7 helpline"], }, { - id: "premium", - badge: "Care Plus", - price: "$89/mo", - subtitle: "Full preventative health package", - buttons: [ - { - text: "Join Now", - href: "#", - }, - ], - features: [ - "Everything in Basic", - "Dental care included", - "Priority grooming", - ], + id: "premium", badge: "Care Plus", price: "$89/mo", subtitle: "Full preventative health package", buttons: [{ text: "Join Now", href: "#" }], + features: ["Everything in Basic", "Dental care included", "Priority grooming"], }, ]} title="Membership Plans" @@ -239,21 +132,9 @@ export default function LandingPage() { gridVariant="uniform-all-items-equal" useInvertedBackground={false} metrics={[ - { - id: "m1", - value: "5,000+", - description: "Happy Pets Served", - }, - { - id: "m2", - value: "120+", - description: "Expert Vets On-Call", - }, - { - id: "m3", - value: "99%", - description: "Customer Satisfaction", - }, + { id: "m1", value: "5,000+", description: "Happy Pets Served" }, + { id: "m2", value: "120+", description: "Expert Vets On-Call" }, + { id: "m3", value: "99%", description: "Customer Satisfaction" }, ]} title="Impact We Make" description="Evidence of our commitment." @@ -267,34 +148,10 @@ export default function LandingPage() { gridVariant="four-items-2x2-equal-grid" useInvertedBackground={false} members={[ - { - id: "t1", - name: "Sarah Miller", - role: "Senior Vet", - description: "Over 10 years experience in animal care.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-nurse-medical-uniform-with-stethoscope-with-hand-chin-smiling-confident-standing-isolated-white_141793-19528.jpg", - }, - { - id: "t2", - name: "David Chen", - role: "Behaviorist", - description: "Helping pets and owners build connections.", - imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg", - }, - { - id: "t3", - name: "Emma Wilson", - role: "Head Groomer", - description: "Making pets feel and look their best.", - imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1534.jpg", - }, - { - id: "t4", - name: "James Lee", - role: "Clinic Admin", - description: "Keeping your visit smooth and friendly.", - imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-black-suit-with-black-bulldog_1157-33148.jpg", - }, + { id: "t1", name: "Sarah Miller", role: "Senior Vet", description: "Over 10 years experience in animal care.", imageSrc: "http://img.b2bpic.net/free-photo/woman-nurse-medical-uniform-with-stethoscope-with-hand-chin-smiling-confident-standing-isolated-white_141793-19528.jpg" }, + { id: "t2", name: "David Chen", role: "Behaviorist", description: "Helping pets and owners build connections.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg" }, + { id: "t3", name: "Emma Wilson", role: "Head Groomer", description: "Making pets feel and look their best.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1534.jpg" }, + { id: "t4", name: "James Lee", role: "Clinic Admin", description: "Keeping your visit smooth and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-black-suit-with-black-bulldog_1157-33148.jpg" }, ]} title="Meet Our Dedicated Team" description="Passionate professionals ready to help." @@ -306,21 +163,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} faqs={[ - { - id: "f1", - title: "How do I schedule a visit?", - content: "Book easily through our online portal.", - }, - { - id: "f2", - title: "Do you offer emergency care?", - content: "Yes, we are available 24/7 for urgencies.", - }, - { - id: "f3", - title: "What products do you carry?", - content: "We offer top-tier nutrition and grooming.", - }, + { id: "f1", title: "How do I schedule a visit?", content: "Book easily through our online portal." }, + { id: "f2", title: "Do you offer emergency care?", content: "Yes, we are available 24/7 for urgencies." }, + { id: "f3", title: "What products do you carry?", content: "We offer top-tier nutrition and grooming." }, ]} title="Common Questions" description="Find quick answers to your concerns." @@ -334,26 +179,11 @@ export default function LandingPage() { title="Reach Out Today" description="Have questions? We're here to help." inputs={[ - { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, - }, - { - name: "email", - type: "email", - placeholder: "Email Address", - required: true, - }, + { name: "name", type: "text", placeholder: "Your Name", required: true }, + { name: "email", type: "email", placeholder: "Email Address", required: true }, ]} imageSrc="http://img.b2bpic.net/free-photo/handsome-hispanic-veterinarian-petting-head-beautiful-boston-terrier-dog-arms-caucasian-woman-her-daughter-animal-clinic_662251-2329.jpg" - textarea={{ - name: "message", - placeholder: "Your message here...", - rows: 4, - required: true, - }} + textarea={{ name: "message", placeholder: "Your message here...", rows: 4, required: true }} /> @@ -362,29 +192,15 @@ export default function LandingPage() { logoText="AnimalHub" columns={[ { - title: "Navigation", - items: [ - { - label: "Services", - href: "#features", - }, - { - label: "Catalog", - href: "#catalog", - }, + title: "Navigation", items: [ + { label: "Services", href: "#features" }, + { label: "Catalog", href: "#catalog" }, ], }, { - title: "Company", - items: [ - { - label: "About", - href: "#about", - }, - { - label: "Team", - href: "#team", - }, + title: "Company", items: [ + { label: "About", href: "#about" }, + { label: "Team", href: "#team" }, ], }, ]} @@ -393,4 +209,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file -- 2.49.1