bender/e293caf5-15a9-452c-aa69-528a3b3bae0b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 11:50:26 +00:00
parent 3be12a8ee4
commit 2cc904be8f
1 changed files with 58 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

353
src/app/page.tsx
View File

@@ -19,27 +19,26 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight" defaultTextAnimation="background-highlight"
borderRadius="pill" borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Hero", id: "hero" },
name: "About", { name: "About", id: "about" },
id: "#about", { name: "Features", id: "features" },
}, { name: "Products", id: "products" },
{ { name: "Metrics", id: "metrics" },
name: "Features", { name: "Testimonials", id: "testimonials" },
id: "#features", { name: "FAQ", id: "faq" },
}, { name: "Contact", id: "contact" }
{
name: "Products",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
]} ]}
brandName="Hungry Dog" brandName="Hungry Dog"
/> />
@@ -47,82 +46,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient",
}}
title="Healthy Nutrition for Your Best Friend" title="Healthy Nutrition for Your Best Friend"
description="Hungry Dog provides premium, vet-approved nutrition to help your canine companion live their happiest, healthiest life." description="Hungry Dog provides premium, vet-approved nutrition to help your canine companion live their happiest, healthiest life."
kpis={[ kpis={[
{ { value: "100%", label: "Natural Ingredients" },
value: "100%", { value: "50k+", label: "Happy Pups" },
label: "Natural Ingredients", { value: "4.9/5", label: "Owner Rating" }
},
{
value: "50k+",
label: "Happy Pups",
},
{
value: "4.9/5",
label: "Owner Rating",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
buttons={[ buttons={[{ text: "Shop Now", href: "#products" }, { text: "Learn More", href: "#about" }]}
{
text: "Shop Now",
href: "#products",
},
{
text: "Learn More",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-adorable-husky-puppy-black-scene_181624-48011.jpg" imageSrc="http://img.b2bpic.net/free-photo/portrait-adorable-husky-puppy-black-scene_181624-48011.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/vertical-shot-domestic-korean-jindo-dog-leash-looking-camera_181624-10640.jpg", alt: "Happy dog owner 1" },
src: "http://img.b2bpic.net/free-photo/vertical-shot-domestic-korean-jindo-dog-leash-looking-camera_181624-10640.jpg", { src: "http://img.b2bpic.net/free-photo/old-person-with-their-pet-dog_23-2149429240.jpg", alt: "Happy dog owner 2" },
alt: "Happy dog owner 1", { src: "http://img.b2bpic.net/free-photo/portrait-adorable-little-puppy-outdoors_23-2148351244.jpg", alt: "Happy dog owner 3" },
}, { src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-german-boxer-dog_181624-55083.jpg", alt: "Happy dog owner 4" },
{ { src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cute-dog_23-2148748729.jpg", alt: "Happy dog owner 5" }
src: "http://img.b2bpic.net/free-photo/old-person-with-their-pet-dog_23-2149429240.jpg",
alt: "Happy dog owner 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-adorable-little-puppy-outdoors_23-2148351244.jpg",
alt: "Happy dog owner 3",
},
{
src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-german-boxer-dog_181624-55083.jpg",
alt: "Happy dog owner 4",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cute-dog_23-2148748729.jpg",
alt: "Happy dog owner 5",
},
]} ]}
avatarText="Join our community of happy dog owners" avatarText="Join our community of happy dog owners"
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Vet Recommended" },
type: "text", { type: "text", text: "Human Grade Quality" },
text: "Vet Recommended", { type: "text", text: "Grain-Free Options" },
}, { type: "text", text: "Non-GMO" },
{ { type: "text", text: "Sustainable Sourced" }
type: "text",
text: "Human Grade Quality",
},
{
type: "text",
text: "Grain-Free Options",
},
{
type: "text",
text: "Non-GMO",
},
{
type: "text",
text: "Sustainable Sourced",
},
]} ]}
/> />
</div> </div>
@@ -134,18 +83,9 @@ export default function LandingPage() {
title="Commitment to Canine Wellness" title="Commitment to Canine Wellness"
description="At Hungry Dog, we believe that every tail deserves a wag fueled by real, high-quality ingredients. Our recipes are crafted with care to ensure balanced nutrition at every life stage." description="At Hungry Dog, we believe that every tail deserves a wag fueled by real, high-quality ingredients. Our recipes are crafted with care to ensure balanced nutrition at every life stage."
bulletPoints={[ bulletPoints={[
{ { title: "Farm-to-Bowl Ingredients", description: "We source only the best local produce and proteins." },
title: "Farm-to-Bowl Ingredients", { title: "Vet-Formulated", description: "Expertly balanced recipes designed by animal nutritionists." },
description: "We source only the best local produce and proteins.", { title: "No Fillers", description: "Clean, simple labels without artificial preservatives." }
},
{
title: "Vet-Formulated",
description: "Expertly balanced recipes designed by animal nutritionists.",
},
{
title: "No Fillers",
description: "Clean, simple labels without artificial preservatives.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/happy-woman-playing-with-her-dog-garden_23-2147902087.jpg" imageSrc="http://img.b2bpic.net/free-photo/happy-woman-playing-with-her-dog-garden_23-2147902087.jpg"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
@@ -158,42 +98,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "1", title: "Organic Ingredients", subtitle: "Always human-grade quality.", category: "Quality", value: "100%", buttons: [{ text: "See Details" }] },
id: "1", { id: "2", title: "Fast Home Delivery", subtitle: "Get it delivered to your door.", category: "Shipping", value: "24h", buttons: [{ text: "Get Started" }] },
title: "Organic Ingredients", { id: "3", title: "Certified Nutrition", subtitle: "Vet tested and approved.", category: "Safety", value: "A+", buttons: [{ text: "View Safety" }] }
subtitle: "Always human-grade quality.",
category: "Quality",
value: "100%",
buttons: [
{
text: "See Details",
},
],
},
{
id: "2",
title: "Fast Home Delivery",
subtitle: "Get it delivered to your door.",
category: "Shipping",
value: "24h",
buttons: [
{
text: "Get Started",
},
],
},
{
id: "3",
title: "Certified Nutrition",
subtitle: "Vet tested and approved.",
category: "Safety",
value: "A+",
buttons: [
{
text: "View Safety",
},
],
},
]} ]}
title="Why Choose Hungry Dog?" title="Why Choose Hungry Dog?"
description="Quality you can see, ingredients your dog will love." description="Quality you can see, ingredients your dog will love."
@@ -207,42 +114,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { id: "p1", name: "Classic Kibble", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg" },
id: "p1", { id: "p2", name: "Daily Dental Treats", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crackers-cutting-board-white-wooden-horizontal_176474-4417.jpg" },
name: "Classic Kibble", { id: "p3", name: "Gourmet Wet Food", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-pets-food-assortment_23-2148982374.jpg" },
price: "$45.00", { id: "p4", name: "Puppy Growth formula", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/fitness-healthy-lifestyle-concept-female-is-resting-eating-healthy-oatmeal-after-workout-top-view_2829-7768.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg", { id: "p5", name: "Senior Joint Support", price: "$42.00", imageSrc: "http://img.b2bpic.net/free-photo/dog-eating-pizza_23-2149398071.jpg" },
}, { id: "p6", name: "Sensitive Stomach Recipe", price: "$48.00", imageSrc: "http://img.b2bpic.net/free-photo/happy-mornings-beautiful-woman-enjoying-her-morning-sitting-sofa-eating-breakfast-playing_1258-195215.jpg" }
{
id: "p2",
name: "Daily Dental Treats",
price: "$12.00",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crackers-cutting-board-white-wooden-horizontal_176474-4417.jpg",
},
{
id: "p3",
name: "Gourmet Wet Food",
price: "$25.00",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-pets-food-assortment_23-2148982374.jpg",
},
{
id: "p4",
name: "Puppy Growth formula",
price: "$38.00",
imageSrc: "http://img.b2bpic.net/free-photo/fitness-healthy-lifestyle-concept-female-is-resting-eating-healthy-oatmeal-after-workout-top-view_2829-7768.jpg",
},
{
id: "p5",
name: "Senior Joint Support",
price: "$42.00",
imageSrc: "http://img.b2bpic.net/free-photo/dog-eating-pizza_23-2149398071.jpg",
},
{
id: "p6",
name: "Sensitive Stomach Recipe",
price: "$48.00",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mornings-beautiful-woman-enjoying-her-morning-sitting-sofa-eating-breakfast-playing_1258-195215.jpg",
},
]} ]}
title="Our Premium Recipes" title="Our Premium Recipes"
description="Browse our selection of nutritious meals for dogs of all sizes." description="Browse our selection of nutritious meals for dogs of all sizes."
@@ -255,33 +132,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "5M+", title: "Meals Served", items: ["Happy pups", "Nutritious days"] },
id: "m1", { id: "m2", value: "15k", title: "5-Star Reviews", items: ["Owner trust", "Pet satisfaction"] },
value: "5M+", { id: "m3", value: "98%", title: "Retention Rate", items: ["Healthy dogs", "Loyal families"] }
title: "Meals Served",
items: [
"Happy pups",
"Nutritious days",
],
},
{
id: "m2",
value: "15k",
title: "5-Star Reviews",
items: [
"Owner trust",
"Pet satisfaction",
],
},
{
id: "m3",
value: "98%",
title: "Retention Rate",
items: [
"Healthy dogs",
"Loyal families",
],
},
]} ]}
title="Our Impact" title="Our Impact"
description="Thousands of dogs are living happier lives." description="Thousands of dogs are living happier lives."
@@ -293,46 +146,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "t1", title: "Best decision ever!", quote: "My Golden Retriever has never been so excited for dinner time.", name: "Sarah J.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-cute-dog-home_23-2149652652.jpg" },
id: "t1", { id: "t2", title: "Clear health benefits.", quote: "Their coat is shinier and they have way more energy.", name: "Mark L.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-casual-outfit-playing-with-cute-dog-while-standing-near-lake-boy-wearing-blue-shirt-white-jeans-shorts_1157-50524.jpg" },
title: "Best decision ever!", { id: "t3", title: "Finally, healthy treats!", quote: "My pup had allergies, but this recipe is perfect.", name: "Emily R.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-blonde-red-sweater-light-hat-kisses-with-love-her-labrador-autumn-park-beautiful-girl-pet-having-perfect-sunny-weekend-outdoor_197531-11910.jpg" },
quote: "My Golden Retriever has never been so excited for dinner time.", { id: "t4", title: "Truly premium quality.", quote: "You can see the difference in every single meal.", name: "Tom K.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/couple-playing-with-dog_23-2148540260.jpg" },
name: "Sarah J.", { id: "t5", title: "Reliable delivery.", quote: "Service is excellent, and the food arrives fresh every time.", name: "Jen D.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-summer-park-with-dog_1157-22839.jpg" }
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-cute-dog-home_23-2149652652.jpg",
},
{
id: "t2",
title: "Clear health benefits.",
quote: "Their coat is shinier and they have way more energy.",
name: "Mark L.",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-casual-outfit-playing-with-cute-dog-while-standing-near-lake-boy-wearing-blue-shirt-white-jeans-shorts_1157-50524.jpg",
},
{
id: "t3",
title: "Finally, healthy treats!",
quote: "My pup had allergies, but this recipe is perfect.",
name: "Emily R.",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-blonde-red-sweater-light-hat-kisses-with-love-her-labrador-autumn-park-beautiful-girl-pet-having-perfect-sunny-weekend-outdoor_197531-11910.jpg",
},
{
id: "t4",
title: "Truly premium quality.",
quote: "You can see the difference in every single meal.",
name: "Tom K.",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/couple-playing-with-dog_23-2148540260.jpg",
},
{
id: "t5",
title: "Reliable delivery.",
quote: "Service is excellent, and the food arrives fresh every time.",
name: "Jen D.",
role: "Owner",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-summer-park-with-dog_1157-22839.jpg",
},
]} ]}
title="What Our Pups Say" title="What Our Pups Say"
description="Or at least, what their happy owners say!" description="Or at least, what their happy owners say!"
@@ -344,21 +162,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "q1", title: "Are your ingredients organic?", content: "Yes, we prioritize organic, farm-sourced ingredients for all our recipes." },
id: "q1", { id: "q2", title: "Do you ship everywhere?", content: "We currently ship to all locations within the domestic US." },
title: "Are your ingredients organic?", { id: "q3", title: "Can I cancel my subscription?", content: "You can easily pause or cancel your subscription anytime via your profile." }
content: "Yes, we prioritize organic, farm-sourced ingredients for all our recipes.",
},
{
id: "q2",
title: "Do you ship everywhere?",
content: "We currently ship to all locations within the domestic US.",
},
{
id: "q3",
title: "Can I cancel my subscription?",
content: "You can easily pause or cancel your subscription anytime via your profile.",
},
]} ]}
title="Questions? We have answers." title="Questions? We have answers."
description="Learn more about our ingredients, delivery, and nutrition philosophy." description="Learn more about our ingredients, delivery, and nutrition philosophy."
@@ -369,61 +175,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient",
}}
text="Ready to feed your dog the best? Get in touch today." text="Ready to feed your dog the best? Get in touch today."
buttons={[ buttons={[{ text: "Contact Support", href: "mailto:hello@hungrydog.com" }]}
{
text: "Contact Support",
href: "mailto:hello@hungrydog.com",
},
]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[
{ { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
title: "Company", { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
items: [ { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]} ]}
logoText="Hungry Dog" logoText="Hungry Dog"
/> />