Merge version_1 into main #1
290
src/app/page.tsx
290
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"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Catalog", id: "catalog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AnimalHub"
|
||||
/>
|
||||
@@ -58,26 +50,11 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-meerkat_23-2150747623.jpg"
|
||||
imageAlt="A happy dog in a vet clinic"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girls-with-dog-grass_23-2147814345.jpg",
|
||||
alt: "Girls with dog on grass",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-taking-care-farm_23-2149232272.jpg",
|
||||
alt: "People taking care of the farm",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-cute-rescue-dog-shelter_23-2148682964.jpg",
|
||||
alt: "Smiley woman and cute rescue dog at shelter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-playing-shelter-with-dog-waiting-be-adopted_23-2148682992.jpg",
|
||||
alt: "Smiley woman playing at shelter with dog waiting to be adopted",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-posing-with-dog_23-2148861609.jpg",
|
||||
alt: "Medium shot smiley girl posing with dog",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/girls-with-dog-grass_23-2147814345.jpg", alt: "Girls with dog on grass" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-taking-care-farm_23-2149232272.jpg", alt: "People taking care of the farm" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-cute-rescue-dog-shelter_23-2148682964.jpg", alt: "Smiley woman and cute rescue dog at shelter" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-playing-shelter-with-dog-waiting-be-adopted_23-2148682992.jpg", alt: "Smiley woman playing at shelter with dog waiting to be adopted" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-posing-with-dog_23-2148861609.jpg", alt: "Medium shot smiley girl posing with dog" },
|
||||
]}
|
||||
avatarText="Join 5,000+ pet lovers"
|
||||
/>
|
||||
@@ -87,19 +64,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission for Every Pet",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg",
|
||||
alt: "Clinic photo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "We ensure every animal receives the love, attention, and quality care they deserve, building a healthier world for pets and owners alike.",
|
||||
},
|
||||
{ type: "text", content: "Our Mission for Every Pet" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg", alt: "Clinic photo" },
|
||||
{ type: "text", content: "We ensure every animal receives the love, attention, and quality care they deserve, building a healthier world for pets and owners alike." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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 }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user