Add src/app/kids-clothes/page.tsx

This commit is contained in:
2026-06-10 13:32:39 +00:00
parent e2c52db5b3
commit ab8830d37b

View File

@@ -0,0 +1,111 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
export default function KidsClothesPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="aurora"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"},
{
name: "Clean Style", id: "/clean-style"},
{
name: "Kids Clothes", id: "/kids-clothes"},
{
name: "About", id: "#about"},
{
name: "Features", id: "#features"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ", id: "#faq"},
{
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
brandName="StyleHaven"
button={{
text: "Shop Now", href: "/clean-style"}}
/>
</div>
<div id="kids-clothes-description" data-section="kids-clothes-description">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Kids Clothes Collection"
description="Explore our fun, durable, and comfortable clothing for kids of all ages. Designed for play, made for longevity."
/>
</div>
<div id="kids-clothes-products" data-section="kids-clothes-products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "kc-1", brand: "StyleHaven Kids", name: "Dinosaur Print T-Shirt", price: "$25.00", rating: 5,
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-little-boy-posing-studio_23-2148866299.jpg", imageAlt: "Dinosaur print t-shirt"},
{
id: "kc-2", brand: "StyleHaven Kids", name: "Rainbow Stripe Dress", price: "$35.00", rating: 4,
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-holding-balloon_23-2148866297.jpg", imageAlt: "Rainbow stripe dress"},
{
id: "kc-3", brand: "StyleHaven Kids", name: "Adventure Cargo Shorts", price: "$30.00", rating: 5,
reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-boy-posing-studio_23-2148866298.jpg", imageAlt: "Adventure cargo shorts"},
{
id: "kc-4", brand: "StyleHaven Kids", name: "Unicorn Sparkle Leggings", price: "$28.00", rating: 5,
reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/back-view-little-girl-unicorn-dress_23-2148866300.jpg", imageAlt: "Unicorn sparkle leggings"},
]}
title="Playful & Durable Styles for Kids"
description="Find the perfect outfits for every adventure."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="StyleHaven"
copyrightText="© 2024 StyleHaven. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "#", ariaLabel: "LinkedIn"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}