244 lines
13 KiB
TypeScript
244 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { CheckCircle, Facebook, Heart, Instagram, Mail, Sparkles, Star, Twitter } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Brend Kids"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Collections", id: "products" },
|
|
{ name: "About Us", id: "about" },
|
|
{ name: "Why Choose Us", id: "features" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "https://shop.brendkids.com"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Discover Premium Kids Fashion"
|
|
description="Stylish, comfortable, and safe clothing for every occasion. From everyday wear to special moments, Brend Kids has everything your little ones need."
|
|
tag="New Collection"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-doing-laundry-self-serviece-laundrette_1303-19555.jpg"
|
|
imageAlt="Kids wearing colorful clothing at Brend Kids store"
|
|
mediaAnimation="blur-reveal"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Johnson", handle: "Mom of 2, Happy Parent", testimonial: "Brend Kids has the best quality clothes for my children. They love wearing them!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-white-shirt-sitting-smiling-living-room_176474-6533.jpg"
|
|
},
|
|
{
|
|
name: "Michael Chen", handle: "Father, Quality Enthusiast", testimonial: "Finally found a store that combines style, comfort, and safety. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-girl-playing-with-her-father-park_23-2148201652.jpg"
|
|
},
|
|
{
|
|
name: "Emma Williams", handle: "Grandmother, Fashion Lover", testimonial: "The variety and quality are exceptional. My grandkids look adorable in Brend Kids outfits.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-having-fun-outdoors_23-2150753194.jpg"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Shop Collection", href: "https://shop.brendkids.com" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Brend Kids brings" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/two-little-girl-hand-holding-up-having-fun-outdoor_1150-4150.jpg", alt: "Kids playing" },
|
|
{ type: "text", content: "joy and style together" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Our Story", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Our Collections"
|
|
description="Handpicked selection of trendy, comfortable, and safe kids clothing for every season and occasion."
|
|
tag="Best Sellers"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Brend Kids", name: "Colorful Summer T-Shirt", price: "$24.99", rating: 5,
|
|
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-skateboard-sitting-bench_23-2148267961.jpg", imageAlt: "Colorful kids t-shirt"
|
|
},
|
|
{
|
|
id: "2", brand: "Brend Kids", name: "Playful Casual Dress", price: "$34.99", rating: 5,
|
|
reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/boy-outdoor-sitting-tree_23-2148551139.jpg", imageAlt: "Kids casual dress"
|
|
},
|
|
{
|
|
id: "3", brand: "Brend Kids", name: "Cozy Comfort Hoodie", price: "$44.99", rating: 5,
|
|
reviewCount: "456", imageSrc: "http://img.b2bpic.net/free-photo/portrait-teenage-boy-wearing-sunglasses_23-2149334615.jpg", imageAlt: "Kids comfortable hoodie"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
buttons={[
|
|
{ text: "View All Products", href: "https://shop.brendkids.com" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
title="Why Parents Trust Brend Kids"
|
|
description="Quality, safety, and style are at the heart of everything we do. Here's what makes us different."
|
|
tag="Our Promise"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Premium Quality Materials", description: "We use only the finest fabrics and materials that are soft, durable, and built to last through all your child's adventures.", imageSrc: "http://img.b2bpic.net/free-photo/line-three-different-zips_23-2148212677.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Safety Certified", description: "All our products meet international safety standards and are rigorously tested to ensure your child's wellbeing.", imageSrc: "http://img.b2bpic.net/free-vector/set-five-luxury-product-stickers_23-2147634195.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Trendy Designs", description: "Fashion-forward styles that kids love wearing. From classic to contemporary, we have something for every personality.", imageSrc: "http://img.b2bpic.net/free-photo/happy-kid-is-shopping-outdoors_624325-545.jpg"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "https://shop.brendkids.com" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Families Worldwide"
|
|
description="Join thousands of happy parents who've made Brend Kids their go-to brand for quality children's clothing."
|
|
tag="Trusted Partner"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Happy Parents Network", "Kids Fashion Guide", "Family Magazine", "Child Safety Association", "Quality Parents Community", "Kids Wellness Forum", "Fashion Kids Collective", "Parent Trust Badge"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Say"
|
|
description="Real stories from real families who love Brend Kids."
|
|
tag="Customer Love"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jessica Martinez", handle: "@jessica_mom_life", testimonial: "My kids feel confident wearing Brend Kids. The quality is amazing and they're so comfortable all day long!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-white-shirt-sitting-smiling-living-room_176474-6533.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "David Thompson", handle: "@dadventures", testimonial: "Finally found a brand that understands kids need quality AND style. Worth every penny!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-girl-playing-with-her-father-park_23-2148201652.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Amanda Brooks", handle: "@amanda_style", testimonial: "The designs are so cute and the fabric is incredibly soft. My little ones never want to take them off!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-having-fun-outdoors_23-2150753194.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Robert Chen", handle: "@robert_family", testimonial: "Customer service is outstanding and the clothing lasts through multiple kids. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-sweet-black-haired-girl-sitting-ground-looking-away-laughing-childhood-outdoor-activity-concept_74855-11853.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Linda Garcia", handle: "@linda_loves_kids", testimonial: "Best investment for my kids' wardrobe. Quality and affordability combined perfectly!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-white-shirt-sitting-smiling-living-room_176474-6533.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Michael Wong", handle: "@michael_dad", testimonial: "My kids are happy, I'm happy with the quality, and the prices are fair. Perfect!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-girl-playing-with-her-father-park_23-2148201652.jpg"
|
|
}
|
|
]}
|
|
speed={40}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Stay Updated"
|
|
title="Get Special Offers & New Collections"
|
|
description="Subscribe to our newsletter and be the first to know about new arrivals, seasonal collections, and exclusive family deals."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime from our newsletters."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Brend Kids"
|
|
copyrightText="© 2025 Brend Kids. All rights reserved. Bringing joy to kids, everywhere."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/brendkids", ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/brendkids", ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com/brendkids", ariaLabel: "Twitter"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|