Merge version_1 into main #1
472
src/app/page.tsx
472
src/app/page.tsx
@@ -15,343 +15,161 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop Hypermarket",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Grooming Studio",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Customer Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Inquiries",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pawboo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Shop Hypermarket", id: "#products" },
|
||||
{ name: "Grooming Studio", id: "#features" },
|
||||
{ name: "Customer Reviews", id: "#testimonials" },
|
||||
{ name: "Inquiries", id: "#contact" },
|
||||
]}
|
||||
brandName="Pawboo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background="gradient-bars"
|
||||
title="Welcome to Pawboo Hypermarket"
|
||||
description="Where premium care meets high-end pet living. Explore our curated selection of luxury pet essentials and professional services."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexpetowner",
|
||||
testimonial: "The selection here is unparalleled. Truly elite service.",
|
||||
rating: 5,
|
||||
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",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah.catlove",
|
||||
testimonial: "My pets have never looked better after the grooming studio visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-her-cute-dog-street_1157-32809.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "@mike_petlife",
|
||||
testimonial: "Expensive but worth every penny for the quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-man-pet-owner-holding-cute-black-pug-dog-poop-bag-standing-white-background_1258-145633.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily J.",
|
||||
handle: "@emily.paw",
|
||||
testimonial: "The best place in town for luxury accessories.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-woman-wear-red-hoodie-holds-dog-pink-sweatshirt-her-hand-lifestyle-friendship-concept_197531-31310.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david.dogs",
|
||||
testimonial: "Service is world-class, selection is hyper-curated.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-bear-sculpture_23-2151003081.jpg"
|
||||
imageAlt="Pawboo Premium Showroom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-dog-accessories_23-2150959992.jpg",
|
||||
alt: "Close up on dog accessories",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-pet-accessories-composition_23-2148982399.jpg",
|
||||
alt: "Still life pet accessories composition",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-dog-accessories_23-2150959977.jpg",
|
||||
alt: "Close up on dog accessories",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-teaching-dog-commands-talking-cute-black-pug-standing-white-background_1258-155290.jpg",
|
||||
alt: "Handsome young man teaching dog commands talking to cute black pug standing over white background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-her-dog_23-2148351277.jpg",
|
||||
alt: "Front view woman holding her dog",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Luxury Essentials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Master Grooming Services",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Premium Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Customer Concierge",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted by Thousands",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Pawboo Hypermarket"
|
||||
description="Where premium care meets high-end pet living. Explore our curated selection of luxury pet essentials and professional services."
|
||||
testimonials={[
|
||||
{ name: "Alex R.", handle: "@alexpetowner", testimonial: "The selection here is unparalleled. Truly elite service.", rating: 5, 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" },
|
||||
{ name: "Sarah J.", handle: "@sarah.catlove", testimonial: "My pets have never looked better after the grooming studio visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-her-cute-dog-street_1157-32809.jpg" },
|
||||
{ name: "Mike D.", handle: "@mike_petlife", testimonial: "Expensive but worth every penny for the quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-happy-man-pet-owner-holding-cute-black-pug-dog-poop-bag-standing-white-background_1258-145633.jpg" },
|
||||
{ name: "Emily J.", handle: "@emily.paw", testimonial: "The best place in town for luxury accessories.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-woman-wear-red-hoodie-holds-dog-pink-sweatshirt-her-hand-lifestyle-friendship-concept_197531-31310.jpg" },
|
||||
{ name: "David W.", handle: "@david.dogs", testimonial: "Service is world-class, selection is hyper-curated.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-bear-sculpture_23-2151003081.jpg"
|
||||
imageAlt="Pawboo Premium Showroom"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-dog-accessories_23-2150959992.jpg", alt: "Close up on dog accessories" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-pet-accessories-composition_23-2148982399.jpg", alt: "Still life pet accessories composition" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-dog-accessories_23-2150959977.jpg", alt: "Close up on dog accessories" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-young-man-teaching-dog-commands-talking-cute-black-pug-standing-white-background_1258-155290.jpg", alt: "Handsome young man teaching dog commands talking to cute black pug standing over white background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-holding-her-dog_23-2148351277.jpg", alt: "Front view woman holding her dog" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Curated Luxury Essentials" },
|
||||
{ type: "text", text: "Master Grooming Services" },
|
||||
{ type: "text", text: "Nationwide Premium Shipping" },
|
||||
{ type: "text", text: "Elite Customer Concierge" },
|
||||
{ type: "text", text: "Trusted by Thousands" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Supreme Toy",
|
||||
price: "$45",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocker-spaniel-plays-games-home_1303-27281.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Royal Bowl",
|
||||
price: "$89",
|
||||
variant: "Ceramic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supermarket-banner-with-various-items_23-2149500959.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cloud Bed",
|
||||
price: "$249",
|
||||
variant: "Plush",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151362061.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Organic Shine",
|
||||
price: "$35",
|
||||
variant: "Grooming",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dog-accessories_23-2150959981.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Leather Walk",
|
||||
price: "$120",
|
||||
variant: "Accessory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-decorative-items-father-s-day_23-2147615943.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Elite Groomer",
|
||||
price: "$299",
|
||||
variant: "Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fluffy-dog-sitting-blue-home-workout-instruments-with-several-dumbbells-around_181624-44727.jpg",
|
||||
},
|
||||
]}
|
||||
title="Hypermarket Catalog"
|
||||
description="Hand-picked luxury essentials for your companion."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Supreme Toy", price: "$45", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/cocker-spaniel-plays-games-home_1303-27281.jpg" },
|
||||
{ id: "p2", name: "Royal Bowl", price: "$89", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/supermarket-banner-with-various-items_23-2149500959.jpg" },
|
||||
{ id: "p3", name: "Cloud Bed", price: "$249", variant: "Plush", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151362061.jpg" },
|
||||
{ id: "p4", name: "Organic Shine", price: "$35", variant: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dog-accessories_23-2150959981.jpg" },
|
||||
{ id: "p5", name: "Leather Walk", price: "$120", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/top-view-decorative-items-father-s-day_23-2147615943.jpg" },
|
||||
{ id: "p6", name: "Elite Groomer", price: "$299", variant: "Tool", imageSrc: "http://img.b2bpic.net/free-photo/fluffy-dog-sitting-blue-home-workout-instruments-with-several-dumbbells-around_181624-44727.jpg" },
|
||||
]}
|
||||
title="Hypermarket Catalog"
|
||||
description="Hand-picked luxury essentials for your companion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"General retail stress",
|
||||
"DIY messy grooming",
|
||||
"Basic shampoo",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Stress-free environment",
|
||||
"Expert master groomers",
|
||||
"Organic luxury formulas",
|
||||
],
|
||||
}}
|
||||
title="Grooming Studio Excellence"
|
||||
description="Beyond store-bought products, discover our professional grooming expertise."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["General retail stress", "DIY messy grooming", "Basic shampoo"] }}
|
||||
positiveCard={{ items: ["Stress-free environment", "Expert master groomers", "Organic luxury formulas"] }}
|
||||
title="Grooming Studio Excellence"
|
||||
description="Beyond store-bought products, discover our professional grooming expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Management",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "John Doe",
|
||||
subtitle: "Founder",
|
||||
detail: "15+ years in pet industry.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Jane Smith",
|
||||
subtitle: "Director",
|
||||
detail: "Marketing expert in luxury.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-labrador-dog-couch-christmas-decor_169016-23632.jpg",
|
||||
imageAlt: "White labrador dog on the couch among the Christmas decor",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Specialists"
|
||||
description="The masters of pet care behind Pawboo."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1", groupTitle: "Management", members: [
|
||||
{ id: "m1", title: "John Doe", subtitle: "Founder", detail: "15+ years in pet industry." },
|
||||
{ id: "m2", title: "Jane Smith", subtitle: "Director", detail: "Marketing expert in luxury." },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Expert Specialists"
|
||||
description="The masters of pet care behind Pawboo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-veterinarian-examining-dog-s-mouth-table-clinic_23-2147928389.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-petting-dog_23-2148977458.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vet-nurse-taking-care-german-shepherd_7502-9958.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8845.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Reviews"
|
||||
cardTag="Verified Feedback"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/female-veterinarian-examining-dog-s-mouth-table-clinic_23-2147928389.jpg" },
|
||||
{ id: "t2", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-petting-dog_23-2148977458.jpg" },
|
||||
{ id: "t3", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/vet-nurse-taking-care-german-shepherd_7502-9958.jpg" },
|
||||
{ id: "t4", name: "Emily J.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8845.jpg" },
|
||||
{ id: "t5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-cute-dog_23-2149304309.jpg" },
|
||||
]}
|
||||
cardTitle="Client Reviews"
|
||||
cardTag="Verified Feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship nationwide with premium packaging.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I book grooming?",
|
||||
content: "Bookings are handled through our inquiry system.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are items refundable?",
|
||||
content: "Yes, within 30 days for unopened items.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Everything you need to know about Pawboo services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer shipping?", content: "Yes, we ship nationwide with premium packaging." },
|
||||
{ id: "q2", title: "Can I book grooming?", content: "Bookings are handled through our inquiry system." },
|
||||
{ id: "q3", title: "Are items refundable?", content: "Yes, within 30 days for unopened items." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Everything you need to know about Pawboo services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Send an Inquiry"
|
||||
description="Have a specific request? Reach out to our team."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pet-woman-spending-time-together_23-2148777168.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Send an Inquiry"
|
||||
description="Have a specific request? Reach out to our team."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message here" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pet-woman-spending-time-together_23-2148777168.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Pawboo Hypermarket"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Pawboo Hypermarket"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user