Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
111
src/app/clean-style/page.tsx
Normal file
111
src/app/clean-style/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 CleanStylePage() {
|
||||
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="clean-style-description" data-section="clean-style-description">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Clean Style Collection"
|
||||
description="Discover our curated selection of minimalist and sophisticated apparel, perfect for building a versatile and elegant wardrobe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="clean-style-products" data-section="clean-style-products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "cs-1", brand: "StyleHaven", name: "Minimalist White Blouse", price: "$65.00", rating: 5,
|
||||
reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-blouse-stands-street_23-2148767930.jpg", imageAlt: "Minimalist white blouse"},
|
||||
{
|
||||
id: "cs-2", brand: "StyleHaven", name: "Straight Leg Trousers", price: "$95.00", rating: 4,
|
||||
reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-sunglasses-posing-park_23-2148560378.jpg", imageAlt: "Straight leg trousers"},
|
||||
{
|
||||
id: "cs-3", brand: "StyleHaven", name: "Classic Beige Trench Coat", price: "$180.00", rating: 5,
|
||||
reviewCount: "45 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg", imageAlt: "Classic beige trench coat"},
|
||||
{
|
||||
id: "cs-4", brand: "StyleHaven", name: "Sleek Black Midi Skirt", price: "$70.00", rating: 5,
|
||||
reviewCount: "50 reviews", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-girl-street_171337-4345.jpg", imageAlt: "Sleek black midi skirt"},
|
||||
]}
|
||||
title="Curated for Timeless Elegance"
|
||||
description="Explore our latest arrivals in clean style fashion."
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
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>
|
||||
);
|
||||
}
|
||||
86
src/app/old-money/page.tsx
Normal file
86
src/app/old-money/page.tsx
Normal file
@@ -0,0 +1,86 @@
|
||||
"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 OldMoneyPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Street Style", id: "/street-style" },
|
||||
{ name: "Old Money", id: "/old-money" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
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={navItems}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
|
||||
brandName="StyleHaven"
|
||||
button={{
|
||||
text: "Shop Now", href: "/street-style"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="old-money-products" data-section="old-money-products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Timeless Sophistication: Our Old Money Collection"
|
||||
description="Embrace classic elegance and refined taste. Our Old Money collection features luxurious fabrics, impeccable tailoring, and understated designs for a truly distinguished look."
|
||||
products={[
|
||||
{
|
||||
id: "om-1", brand: "StyleHaven", name: "Cashmere Turtleneck Sweater", price: "$180.00", rating: 5,
|
||||
reviewCount: "45 reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20628.jpg", imageAlt: "Man in cashmere turtleneck"},
|
||||
{
|
||||
id: "om-2", brand: "StyleHaven", name: "Silk Scarf with Crest", price: "$60.00", rating: 5,
|
||||
reviewCount: "30 reviews", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-maxi-dress_120-00.jpg", imageAlt: "Silk scarf"},
|
||||
{
|
||||
id: "om-3", brand: "StyleHaven", name: "Tailored Wool Trousers", price: "$130.00", rating: 4,
|
||||
reviewCount: "55 reviews", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19605.jpg", imageAlt: "Man in tailored wool trousers"},
|
||||
{
|
||||
id: "om-4", brand: "StyleHaven", name: "Classic Tweed Blazer", price: "$220.00", rating: 5,
|
||||
reviewCount: "40 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg", imageAlt: "Woman in classic tweed blazer"},
|
||||
]}
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
270
src/app/page.tsx
270
src/app/page.tsx
@@ -33,40 +33,26 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Clean Style", id: "/clean-style"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Kids Clothes", id: "/kids-clothes"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
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: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "/clean-style"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,39 +62,23 @@ export default function LandingPage() {
|
||||
description="Redefining Fashion with Timeless Elegance and Modern Flair. Discover your signature style with our curated collections."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "/clean-style"},
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "/clean-style"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-online-park_1303-28769.jpg",
|
||||
imageAlt: "Woman in stylish spring outfit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-online-park_1303-28769.jpg", imageAlt: "Woman in stylish spring outfit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4728.jpg",
|
||||
imageAlt: "Man in sophisticated casual wear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4728.jpg", imageAlt: "Man in sophisticated casual wear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-group-friends-2000s-fashion-style-posing-with-camera_23-2149442851.jpg",
|
||||
imageAlt: "Diverse group of friends in stylish clothes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-group-friends-2000s-fashion-style-posing-with-camera_23-2149442851.jpg", imageAlt: "Diverse group of friends in stylish clothes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg",
|
||||
imageAlt: "Close up of luxury fabric texture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg", imageAlt: "Close up of luxury fabric texture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-office-celebrate-special-event_1153-4978.jpg",
|
||||
imageAlt: "Fashion runway show with models",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-office-celebrate-special-event_1153-4978.jpg", imageAlt: "Fashion runway show with models"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",
|
||||
imageAlt: "Interior of a clean clothing boutique",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg", imageAlt: "Interior of a clean clothing boutique"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -120,24 +90,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story: Crafting ",
|
||||
},
|
||||
type: "text", content: "Our Story: Crafting "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/concentrated-thinking-woman-fashion-illustrator_171337-14246.jpg",
|
||||
alt: "Tailor working on a garment",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/concentrated-thinking-woman-fashion-illustrator_171337-14246.jpg", alt: "Tailor working on a garment"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Elegance",
|
||||
},
|
||||
type: "text", content: " Elegance"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Journey",
|
||||
href: "#",
|
||||
},
|
||||
text: "Discover Our Journey", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -150,32 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "quality",
|
||||
title: "Premium Quality Fabrics",
|
||||
descriptions: [
|
||||
"We source only the finest materials, ensuring durability and a luxurious feel. Each garment is crafted to stand the test of time, maintaining its elegance wear after wear.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crinkled-striped-paper-texture_23-2147786570.jpg",
|
||||
imageAlt: "Sustainable cotton fabric texture",
|
||||
},
|
||||
id: "quality", title: "Premium Quality Fabrics", descriptions: [
|
||||
"We source only the finest materials, ensuring durability and a luxurious feel. Each garment is crafted to stand the test of time, maintaining its elegance wear after wear."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crinkled-striped-paper-texture_23-2147786570.jpg", imageAlt: "Sustainable cotton fabric texture"},
|
||||
{
|
||||
id: "comfort",
|
||||
title: "Unmatched Comfort & Fit",
|
||||
descriptions: [
|
||||
"Designed with your comfort in mind, our clothing offers a perfect fit that moves with you. Experience effortless style without compromising on ease.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6645.jpg",
|
||||
imageAlt: "Person wearing comfortable stylish t-shirt",
|
||||
},
|
||||
id: "comfort", title: "Unmatched Comfort & Fit", descriptions: [
|
||||
"Designed with your comfort in mind, our clothing offers a perfect fit that moves with you. Experience effortless style without compromising on ease."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6645.jpg", imageAlt: "Person wearing comfortable stylish t-shirt"},
|
||||
{
|
||||
id: "design",
|
||||
title: "Timeless & Modern Design",
|
||||
descriptions: [
|
||||
"Our collections blend classic aesthetics with contemporary trends, creating versatile pieces that enhance any wardrobe. Elevate your style with designs that transcend seasons.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535704.jpg",
|
||||
imageAlt: "Fashion magazine cover with modern design",
|
||||
},
|
||||
id: "design", title: "Timeless & Modern Design", descriptions: [
|
||||
"Our collections blend classic aesthetics with contemporary trends, creating versatile pieces that enhance any wardrobe. Elevate your style with designs that transcend seasons."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-albinism-posing-studio_23-2150535704.jpg", imageAlt: "Fashion magazine cover with modern design"},
|
||||
]}
|
||||
title="Experience the StyleHaven Difference"
|
||||
description="Where quality, comfort, and ethical production meet contemporary design."
|
||||
@@ -190,65 +136,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p-1",
|
||||
brand: "StyleHaven",
|
||||
name: "Classic White Linen Shirt",
|
||||
price: "$89.00",
|
||||
rating: 5,
|
||||
reviewCount: "120 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20628.jpg",
|
||||
imageAlt: "Classic white button-up linen shirt",
|
||||
},
|
||||
id: "p-1", brand: "StyleHaven", name: "Classic White Linen Shirt", price: "$89.00", rating: 5,
|
||||
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20628.jpg", imageAlt: "Classic white button-up linen shirt"},
|
||||
{
|
||||
id: "p-2",
|
||||
brand: "StyleHaven",
|
||||
name: "Elegant Black Maxi Dress",
|
||||
price: "$120.00",
|
||||
rating: 5,
|
||||
reviewCount: "95 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19605.jpg",
|
||||
imageAlt: "Elegant black maxi dress",
|
||||
},
|
||||
id: "p-2", brand: "StyleHaven", name: "Elegant Black Maxi Dress", price: "$120.00", rating: 5,
|
||||
reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19605.jpg", imageAlt: "Elegant black maxi dress"},
|
||||
{
|
||||
id: "p-3",
|
||||
brand: "StyleHaven",
|
||||
name: "Comfort Fit Denim Jeans",
|
||||
price: "$75.00",
|
||||
rating: 4,
|
||||
reviewCount: "150 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105188.jpg",
|
||||
imageAlt: "Comfort fit denim jeans",
|
||||
},
|
||||
id: "p-3", brand: "StyleHaven", name: "Comfort Fit Denim Jeans", price: "$75.00", rating: 4,
|
||||
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105188.jpg", imageAlt: "Comfort fit denim jeans"},
|
||||
{
|
||||
id: "p-4",
|
||||
brand: "StyleHaven",
|
||||
name: "Cozy Merino Wool Sweater",
|
||||
price: "$110.00",
|
||||
rating: 5,
|
||||
reviewCount: "80 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923343.jpg",
|
||||
imageAlt: "Cozy merino wool sweater",
|
||||
},
|
||||
id: "p-4", brand: "StyleHaven", name: "Cozy Merino Wool Sweater", price: "$110.00", rating: 5,
|
||||
reviewCount: "80 reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923343.jpg", imageAlt: "Cozy merino wool sweater"},
|
||||
{
|
||||
id: "p-5",
|
||||
brand: "StyleHaven",
|
||||
name: "Tailored Navy Blazer",
|
||||
price: "$199.00",
|
||||
rating: 5,
|
||||
reviewCount: "60 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg",
|
||||
imageAlt: "Tailored navy blazer",
|
||||
},
|
||||
id: "p-5", brand: "StyleHaven", name: "Tailored Navy Blazer", price: "$199.00", rating: 5,
|
||||
reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg", imageAlt: "Tailored navy blazer"},
|
||||
{
|
||||
id: "p-6",
|
||||
brand: "StyleHaven",
|
||||
name: "Sophisticated Tan Trench Coat",
|
||||
price: "$250.00",
|
||||
rating: 5,
|
||||
reviewCount: "70 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-beautiful-woman-wearing-windcheater_107420-12281.jpg",
|
||||
imageAlt: "Sophisticated tan trench coat",
|
||||
},
|
||||
id: "p-6", brand: "StyleHaven", name: "Sophisticated Tan Trench Coat", price: "$250.00", rating: 5,
|
||||
reviewCount: "70 reviews", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-beautiful-woman-wearing-windcheater_107420-12281.jpg", imageAlt: "Sophisticated tan trench coat"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Discover essential pieces designed for your everyday elegance, perfect for any occasion."
|
||||
@@ -260,14 +164,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Collective",
|
||||
"Fashion Insider",
|
||||
"Style Edit",
|
||||
"Trend Setters",
|
||||
"Glamour Hub",
|
||||
"Chic Magazine",
|
||||
"Urban Threads",
|
||||
]}
|
||||
"Vogue Collective", "Fashion Insider", "Style Edit", "Trend Setters", "Glamour Hub", "Chic Magazine", "Urban Threads"]}
|
||||
title="Trusted by Fashion Influencers"
|
||||
description="Partnering with leading voices in style and design to bring you the best."
|
||||
/>
|
||||
@@ -279,50 +176,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-1",
|
||||
title: "Absolutely stunning!",
|
||||
quote: "The quality of StyleHaven's garments is exceptional. I always feel confident and stylish. Their attention to detail is truly unmatched.",
|
||||
name: "Sarah J.",
|
||||
role: "Fashion Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-white_1187-4020.jpg",
|
||||
imageAlt: "Sarah J.",
|
||||
},
|
||||
id: "t-1", title: "Absolutely stunning!", quote: "The quality of StyleHaven's garments is exceptional. I always feel confident and stylish. Their attention to detail is truly unmatched.", name: "Sarah J.", role: "Fashion Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-white_1187-4020.jpg", imageAlt: "Sarah J."},
|
||||
{
|
||||
id: "t-2",
|
||||
title: "My go-to for essentials.",
|
||||
quote: "StyleHaven has completely transformed my wardrobe. Their pieces are timeless, comfortable, and always on-trend. I highly recommend them!",
|
||||
name: "Michael Chen",
|
||||
role: "Professional Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "t-2", title: "My go-to for essentials.", quote: "StyleHaven has completely transformed my wardrobe. Their pieces are timeless, comfortable, and always on-trend. I highly recommend them!", name: "Michael Chen", role: "Professional Stylist", imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "t-3",
|
||||
title: "Exceptional customer service!",
|
||||
quote: "Not only is the clothing fantastic, but the customer service team is also incredibly helpful and responsive. A truly delightful shopping experience.",
|
||||
name: "Emily R.",
|
||||
role: "Blogger & Influencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-happy-short-haired-girl-with-perfect-white-teeth-having-fun-windy-hairs-autumn-mood_273443-1541.jpg",
|
||||
imageAlt: "Emily R.",
|
||||
},
|
||||
id: "t-3", title: "Exceptional customer service!", quote: "Not only is the clothing fantastic, but the customer service team is also incredibly helpful and responsive. A truly delightful shopping experience.", name: "Emily R.", role: "Blogger & Influencer", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-happy-short-haired-girl-with-perfect-white-teeth-having-fun-windy-hairs-autumn-mood_273443-1541.jpg", imageAlt: "Emily R."},
|
||||
{
|
||||
id: "t-4",
|
||||
title: "Invest in quality, choose StyleHaven.",
|
||||
quote: "I've been a loyal customer for years. The clothes last, they fit perfectly, and I always get compliments. Worth every penny!",
|
||||
name: "David Kim",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "t-4", title: "Invest in quality, choose StyleHaven.", quote: "I've been a loyal customer for years. The clothes last, they fit perfectly, and I always get compliments. Worth every penny!", name: "David Kim", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "t-5",
|
||||
title: "Comfort meets style flawlessly.",
|
||||
quote: "Finally found a brand that understands comfort doesn't have to sacrifice style. From work to weekend, StyleHaven has me covered.",
|
||||
name: "Jessica L.",
|
||||
role: "Lifestyle Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-painting-easel-studio-art-concept-woman-draws_169016-65885.jpg",
|
||||
imageAlt: "Jessica L.",
|
||||
},
|
||||
id: "t-5", title: "Comfort meets style flawlessly.", quote: "Finally found a brand that understands comfort doesn't have to sacrifice style. From work to weekend, StyleHaven has me covered.", name: "Jessica L.", role: "Lifestyle Editor", imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-painting-easel-studio-art-concept-woman-draws_169016-65885.jpg", imageAlt: "Jessica L."},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from our satisfied community about their StyleHaven experience and why they love our collections."
|
||||
@@ -335,20 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q-1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer free returns within 30 days of purchase for unworn items with original tags. Please visit our returns page for detailed instructions.",
|
||||
},
|
||||
id: "q-1", title: "What is your return policy?", content: "We offer free returns within 30 days of purchase for unworn items with original tags. Please visit our returns page for detailed instructions."},
|
||||
{
|
||||
id: "q-2",
|
||||
title: "How do I find my size?",
|
||||
content: "Our comprehensive size guide is available on each product page. We recommend comparing your measurements to ensure the perfect fit.",
|
||||
},
|
||||
id: "q-2", title: "How do I find my size?", content: "Our comprehensive size guide is available on each product page. We recommend comparing your measurements to ensure the perfect fit."},
|
||||
{
|
||||
id: "q-3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more information on our shipping policy page.",
|
||||
},
|
||||
id: "q-3", title: "Do you offer international shipping?", content: "Yes, we ship worldwide! Shipping costs and delivery times vary by destination. You can find more information on our shipping policy page."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4222.jpg"
|
||||
imageAlt="Customer service representative smiling"
|
||||
@@ -364,8 +217,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="We'd Love to Hear From You"
|
||||
description="Reach out to our dedicated customer service team for any inquiries, feedback, or style advice. We're here to help!"
|
||||
@@ -386,24 +238,16 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
85
src/app/street-style/page.tsx
Normal file
85
src/app/street-style/page.tsx
Normal file
@@ -0,0 +1,85 @@
|
||||
"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 StreetStylePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Street Style", id: "/street-style" }, { name: "Old Money", id: "/old-money" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
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={navItems}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
|
||||
brandName="StyleHaven"
|
||||
button={{
|
||||
text: "Shop Now", href: "/street-style"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="street-style-products" data-section="street-style-products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Urban Edge: Our Street Style Collection"
|
||||
description="Dive into the world of contemporary street fashion. Discover bold designs, comfortable fits, and statement pieces that define modern urban style."
|
||||
products={[
|
||||
{
|
||||
id: "ss-1", brand: "StyleHaven", name: "Oversized Graphic Tee", price: "$45.00", rating: 4,
|
||||
reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-total-denim-outfit_23-2150105188.jpg", imageAlt: "Woman in oversized graphic tee"},
|
||||
{
|
||||
id: "ss-2", brand: "StyleHaven", name: "Distressed Denim Jacket", price: "$95.00", rating: 5,
|
||||
reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923343.jpg", imageAlt: "Person in distressed denim jacket"},
|
||||
{
|
||||
id: "ss-3", brand: "StyleHaven", name: "Cargo Jogger Pants", price: "$70.00", rating: 4,
|
||||
reviewCount: "88 reviews", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4728.jpg", imageAlt: "Man in cargo jogger pants"},
|
||||
{
|
||||
id: "ss-4", brand: "StyleHaven", name: "Chunky Sneakers", price: "$110.00", rating: 5,
|
||||
reviewCount: "50 reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-group-friends-2000s-fashion-style-posing-with-camera_23-2149442851.jpg", imageAlt: "Model wearing chunky sneakers"},
|
||||
]}
|
||||
/>
|
||||
</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