Merge version_1 into main #1
151
src/app/page.tsx
151
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="NexPet"
|
||||
/>
|
||||
@@ -51,95 +39,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Pet Deserves The Very Best."
|
||||
description="Premium accessories, grooming essentials, and smart toys designed to keep your furry friends happy, healthy, and stylish. Used by founders, loved by devs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexpet",
|
||||
testimonial: "NexPet changed our daily routine for the better!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-dog-studio_23-2150747644.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria K.",
|
||||
handle: "@mariak",
|
||||
testimonial: "High quality products, my cat loves the interactive ball!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-with-cat_1157-18126.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jason S.",
|
||||
handle: "@jsons",
|
||||
testimonial: "Fast delivery and amazing customer service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cheerful-woman-with-curly-bushy-hair-dressed-pajama-plays-with-pug-dog-dressed-pajama-sleepmask-isolated-brown-background-happy-pet-owner-bedroom-going-sleep_273609-60116.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarahl",
|
||||
testimonial: "Everything is vet approved, finally a store I trust.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-summer-forest-with-dogs_1157-22781.jpg",
|
||||
},
|
||||
{
|
||||
name: "David T.",
|
||||
handle: "@davidt",
|
||||
testimonial: "The shampoos smell incredible and the quality is top-tier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-veterinarian-with-dog-lying-table-clinic_23-2147928383.jpg",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alexpet", testimonial: "NexPet changed our daily routine for the better!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-dog-studio_23-2150747644.jpg" },
|
||||
{ name: "Maria K.", handle: "@mariak", testimonial: "High quality products, my cat loves the interactive ball!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/little-girl-with-cat_1157-18126.jpg" },
|
||||
{ name: "Jason S.", handle: "@jsons", testimonial: "Fast delivery and amazing customer service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cheerful-woman-with-curly-bushy-hair-dressed-pajama-plays-with-pug-dog-dressed-pajama-sleepmask-isolated-brown-background-happy-pet-owner-bedroom-going-sleep_273609-60116.jpg" },
|
||||
{ name: "Sarah L.", handle: "@sarahl", testimonial: "Everything is vet approved, finally a store I trust.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-summer-forest-with-dogs_1157-22781.jpg" },
|
||||
{ name: "David T.", handle: "@davidt", testimonial: "The shampoos smell incredible and the quality is top-tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-veterinarian-with-dog-lying-table-clinic_23-2147928383.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-with-black-bulldog_1157-31799.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glad-unshaven-man-has-trendy-haircut_273609-28097.jpg",
|
||||
alt: "happy owner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-smiling-pretty-girl-with-nose-ring-bob-hairstyle-spending-time-with-her-pet-embracing-gray-sphynx-cat-tight-showing-love-care-having-joyful-happy-facial-expression_343059-4794.jpg",
|
||||
alt: "happy owner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-woman-holding-small-white-dog-nature-lights_613910-7902.jpg",
|
||||
alt: "happy owner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-embraces-tender-curly-woman-with-little-dog-her-arms_1304-3281.jpg",
|
||||
alt: "happy owner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-bed-with-pajamas-cat_23-2148557232.jpg",
|
||||
alt: "happy owner 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 10,000+ pet parents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Vet Approved",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Treats",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Durable Toys",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customer Support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,26 +60,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Get your orders delivered to your doorstep in 48 hours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-gets-kiss-from-favorite-pet-smiles-gladully-keeps-eyes-closed-from-pleasure-pug-dog-licks-owner-expresses-love-people-domestic-animals-responsibility-relatioonship-concept_273609-60883.jpg",
|
||||
},
|
||||
{
|
||||
title: "Natural Ingredients",
|
||||
description: "Only the safest, non-toxic components for your pets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cuddling-her-fluffy-white-kitten_23-2151961717.jpg",
|
||||
},
|
||||
{
|
||||
title: "Vet Approved",
|
||||
description: "Products tested and vetted by leading industry experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-border-collie-wooden-wall-background_181624-57205.jpg",
|
||||
},
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "High-durability materials made to last a lifetime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-woman-jeans-smiles-sincerely-hugs-corgi-dog_197531-23765.jpg",
|
||||
},
|
||||
{ title: "Fast Delivery", description: "Get your orders delivered to your doorstep in 48 hours.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-gets-kiss-from-favorite-pet-smiles-gladully-keeps-eyes-closed-from-pleasure-pug-dog-licks-owner-expresses-love-people-domestic-animals-responsibility-relatioonship-concept_273609-60883.jpg" },
|
||||
{ title: "Natural Ingredients", description: "Only the safest, non-toxic components for your pets.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cuddling-her-fluffy-white-kitten_23-2151961717.jpg" },
|
||||
{ title: "Vet Approved", description: "Products tested and vetted by leading industry experts.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-border-collie-wooden-wall-background_181624-57205.jpg" },
|
||||
{ title: "Premium Quality", description: "High-durability materials made to last a lifetime.", imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-woman-jeans-smiles-sincerely-hugs-corgi-dog_197531-23765.jpg" }
|
||||
]}
|
||||
title="Why NexPet?"
|
||||
description="We put your pet's needs at the forefront of everything we do."
|
||||
@@ -180,11 +75,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/curly-woman-white-shirt-having-fun-with-dog_197531-24054.jpg"
|
||||
imageAlt="Curly woman in white shirt having fun with dog"
|
||||
title="Our Mission"
|
||||
description="To provide high-quality pet care."
|
||||
metrics={[{ label: "Pets served", value: "10k+" }, { label: "Satisfaction", value: "99%" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCart />
|
||||
<ProductCart isOpen={false} onClose={() => {}} items={[]} total="$0.00" buttons={[]} />
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
@@ -193,20 +91,17 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured"
|
||||
description="Top products"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="NexPet"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -25,22 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="NexPet"
|
||||
/>
|
||||
@@ -48,64 +36,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "NexPet",
|
||||
name: "Rainbow Harness",
|
||||
price: "$24.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blonde-female-dressed-old-fashioned-jacket-holds-red-badger-dog_613910-15906.jpg",
|
||||
id: "1", brand: "NexPet", name: "Rainbow Harness", price: "$24.99", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blonde-female-dressed-old-fashioned-jacket-holds-red-badger-dog_613910-15906.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "NexPet",
|
||||
name: "Auto Feeder",
|
||||
price: "$49.99",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-couch-with-cat_23-2149735252.jpg",
|
||||
id: "2", brand: "NexPet", name: "Auto Feeder", price: "$49.99", rating: 4,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-couch-with-cat_23-2149735252.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "NexPet",
|
||||
name: "Natural Shampoo",
|
||||
price: "$16.99",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-their-pet-creating-content-online-spaces-social-media_23-2151420212.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "NexPet",
|
||||
name: "Grooming Glove",
|
||||
price: "$11.99",
|
||||
rating: 4,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-stylish-headband-wearing-beautiful-earrings_343596-816.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "NexPet",
|
||||
name: "Squeaky Toy",
|
||||
price: "$8.99",
|
||||
rating: 5,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-yoga-accompanied-by-her-pet_23-2150167023.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "NexPet",
|
||||
name: "Slow Feeder",
|
||||
price: "$13.99",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-her-pet-french-bulldog-sitting-bench-park_1303-32201.jpg",
|
||||
},
|
||||
id: "3", brand: "NexPet", name: "Natural Shampoo", price: "$16.99", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/influencer-their-pet-creating-content-online-spaces-social-media_23-2151420212.jpg"
|
||||
}
|
||||
]}
|
||||
title="Our Shop"
|
||||
description="Browse our curated collection of premium pet essentials."
|
||||
@@ -120,34 +67,9 @@ export default function LandingPage() {
|
||||
title="Shop Milestones"
|
||||
description="We are proud of our community growth and impact."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Pets",
|
||||
items: [
|
||||
"Dogs",
|
||||
"Cats",
|
||||
"Others",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"Reviews",
|
||||
"Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Avg Delivery",
|
||||
items: [
|
||||
"Speed",
|
||||
"Trust",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Happy Pets", items: ["Dogs", "Cats", "Others"] },
|
||||
{ id: "m2", value: "99%", title: "Satisfaction", items: ["Reviews", "Support"] },
|
||||
{ id: "m3", value: "24h", title: "Avg Delivery", items: ["Speed", "Trust"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,14 +77,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="NexPet"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user