Merge version_1 into main #2
393
src/app/page.tsx
393
src/app/page.tsx
@@ -27,287 +27,132 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Available Kittens",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Purrfect Finds"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Available Kittens", id: "products" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Purrfect Finds"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Find Your Purrfect Companion"
|
||||
description="We specialize in raising happy, healthy, and affectionate kittens. Discover your new family member today and bring home endless joy."
|
||||
tag="Trusted Breeders"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-brown-white-face-cute-blue-eyed-cat-lying-wool-threads_181624-17173.jpg?_wi=1",
|
||||
imageAlt: "Cute fluffy kitten playing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cat-face-close_1160-675.jpg?_wi=1",
|
||||
imageAlt: "Kittens snuggling together",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-brown-white-face-cute-blue-eyed-cat-lying-wool-threads_181624-17173.jpg?_wi=2",
|
||||
imageAlt: "Fluffy kitten portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cat-face-close_1160-675.jpg?_wi=2",
|
||||
imageAlt: "Three kittens resting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-brown-white-face-cute-blue-eyed-cat-lying-wool-threads_181624-17173.jpg?_wi=3",
|
||||
imageAlt: "Playful kitten close up",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ happy families"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Kittens",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Find Your Purrfect Companion"
|
||||
description="We specialize in raising happy, healthy, and affectionate kittens. Discover your new family member today and bring home endless joy."
|
||||
tag="Trusted Breeders"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-brown-white-face-cute-blue-eyed-cat-lying-wool-threads_181624-17173.jpg", imageAlt: "Cute fluffy kitten playing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cat-face-close_1160-675.jpg", imageAlt: "Kittens snuggling together" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ happy families"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "Browse Kittens", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="About Our Kitten Nursery"
|
||||
description="Our nursery is built on love, care, and the highest standard of animal welfare. Every kitten is raised in a home environment with social interaction, proper health care, and lots of cuddles."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Health Guaranteed",
|
||||
description: "Every kitten comes with a comprehensive health check and vaccinations.",
|
||||
},
|
||||
{
|
||||
title: "Home-Raised",
|
||||
description: "Raised in a warm, loving home environment to ensure better socialization.",
|
||||
},
|
||||
{
|
||||
title: "Lifetime Support",
|
||||
description: "We provide ongoing guidance and support for your new kitten's journey.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-closeup-cute-kitten-walking-yard_181624-59955.jpg"
|
||||
imageAlt="Happy kitten playing"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="About Our Kitten Nursery"
|
||||
description="Our nursery is built on love, care, and the highest standard of animal welfare. Every kitten is raised in a home environment with social interaction, proper health care, and lots of cuddles."
|
||||
bulletPoints={[
|
||||
{ title: "Health Guaranteed", description: "Every kitten comes with a comprehensive health check and vaccinations." },
|
||||
{ title: "Home-Raised", description: "Raised in a warm, loving home environment to ensure better socialization." },
|
||||
{ title: "Lifetime Support", description: "We provide ongoing guidance and support for your new kitten's journey." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-closeup-cute-kitten-walking-yard_181624-59955.jpg"
|
||||
imageAlt="Happy kitten playing"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Snowball (Persian)",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-russian-blue-cat-home_181624-50546.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luna (Scottish Fold)",
|
||||
price: "$1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-little-baby-kitten-walking_658552-2.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Oliver (Ragdoll)",
|
||||
price: "$1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-adorable-little-domestic-cat-lying-chair_181624-42191.jpg",
|
||||
},
|
||||
]}
|
||||
title="Available Kittens"
|
||||
description="Take a look at our currently available bundles of joy. Each kitten is ready to find its forever home."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Snowball (Persian)", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-russian-blue-cat-home_181624-50546.jpg" },
|
||||
{ id: "p2", name: "Luna (Scottish Fold)", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/adorable-little-baby-kitten-walking_658552-2.jpg" },
|
||||
{ id: "p3", name: "Oliver (Ragdoll)", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-adorable-little-domestic-cat-lying-chair_181624-42191.jpg" },
|
||||
]}
|
||||
title="Available Kittens"
|
||||
description="Take a look at our currently available bundles of joy. Each kitten is ready to find its forever home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Pet Parent",
|
||||
company: "Happy Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-girl-mother-playing-with-rabbit_23-2148465997.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "The Miller Family",
|
||||
role: "Pet Parents",
|
||||
company: "Happy Family",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-holds-black-white-kitty-his-shoulder_8353-8634.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Stevens",
|
||||
role: "Pet Parent",
|
||||
company: "Happy Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pet-owner-blazer-is-holding-big-fluffy-cat-dark-photo-studio_613910-12978.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Davis",
|
||||
role: "Pet Parent",
|
||||
company: "Happy Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-petting-cute-cat_23-2149078361.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Wilson",
|
||||
role: "Pet Parent",
|
||||
company: "Happy Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-girl-mother-playing-with-rabbit_23-2148465997.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Kittens",
|
||||
},
|
||||
{
|
||||
value: "400+",
|
||||
label: "Satisfied Owners",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
label: "Years Experience",
|
||||
},
|
||||
]}
|
||||
title="Happy Tales"
|
||||
description="Read stories from families who found their furry companions with us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Pet Parent", company: "Happy Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-girl-mother-playing-with-rabbit_23-2148465997.jpg" },
|
||||
{ id: "2", name: "The Miller Family", role: "Pet Parents", company: "Happy Family", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/little-boy-holds-black-white-kitty-his-shoulder_8353-8634.jpg" },
|
||||
{ id: "3", name: "Mark Stevens", role: "Pet Parent", company: "Happy Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pet-owner-blazer-is-holding-big-fluffy-cat-dark-photo-studio_613910-12978.jpg" },
|
||||
{ id: "4", name: "Emily Davis", role: "Pet Parent", company: "Happy Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-petting-cute-cat_23-2149078361.jpg" },
|
||||
{ id: "5", name: "James Wilson", role: "Pet Parent", company: "Happy Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-girl-mother-playing-with-rabbit_23-2148465997.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Happy Kittens" },
|
||||
{ value: "400+", label: "Satisfied Owners" },
|
||||
{ value: "10", label: "Years Experience" },
|
||||
]}
|
||||
title="Happy Tales"
|
||||
description="Read stories from families who found their furry companions with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I reserve a kitten?",
|
||||
content: "You can reserve your kitten through our website by filling out the inquiry form. We'll be in touch shortly to finalize the details.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Are vaccinations included?",
|
||||
content: "Yes, all our kittens come with age-appropriate vaccinations and a health certificate.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I visit before adopting?",
|
||||
content: "We welcome visits for serious inquiries to meet the kittens and their parents in a safe, stress-free environment.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our kitten adoption process."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "faq1", title: "How do I reserve a kitten?", content: "You can reserve your kitten through our website by filling out the inquiry form. We'll be in touch shortly to finalize the details." },
|
||||
{ id: "faq2", title: "Are vaccinations included?", content: "Yes, all our kittens come with age-appropriate vaccinations and a health certificate." },
|
||||
{ id: "faq3", title: "Can I visit before adopting?", content: "We welcome visits for serious inquiries to meet the kittens and their parents in a safe, stress-free environment." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our kitten adoption process."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready for your new best friend?"
|
||||
description="Send us a message and we'll help you find the kitten that perfectly fits your lifestyle."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Get In Touch"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for your new best friend?"
|
||||
description="Send us a message and we'll help you find the kitten that perfectly fits your lifestyle."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Get In Touch"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Purrfect Finds"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Kittens",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Purrfect Finds. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Purrfect Finds"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Kittens", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Information", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Purrfect Finds. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user