Add src/app/kids-clothes/page.tsx
This commit is contained in:
111
src/app/kids-clothes/page.tsx
Normal file
111
src/app/kids-clothes/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user