Update src/app/fashion/page.tsx
This commit is contained in:
@@ -1,248 +1,25 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
import { Star } from "lucide-react";
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
|
||||
export default function FashionPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="ZSMX Store"
|
||||
navItems={[
|
||||
{ name: "Fashion", id: "fashion" },
|
||||
{ name: "Home", id: "home-category" },
|
||||
{ name: "Gym", id: "gym" },
|
||||
{ name: "Electronics", id: "electronics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
bottomLeftText="Premium Multi-Category Store"
|
||||
bottomRightText="hello@zsmxstore.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="fashion-collection" data-section="fashion-collection">
|
||||
<ProductCardTwo
|
||||
title="Fashion Collection"
|
||||
description="Premium apparel and accessories carefully selected for style, quality, and timeless elegance. Discover designer pieces and contemporary fashion."
|
||||
tag="New Collection"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "fashion-1",
|
||||
brand: "LuxeStyle",
|
||||
name: "Premium Wool Overcoat",
|
||||
price: "$450.00",
|
||||
rating: 5,
|
||||
reviewCount: "342",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg?_wi=3",
|
||||
imageAlt: "Premium Wool Overcoat",
|
||||
},
|
||||
{
|
||||
id: "fashion-2",
|
||||
brand: "ElegantWear",
|
||||
name: "Designer Evening Gown",
|
||||
price: "$680.00",
|
||||
rating: 5,
|
||||
reviewCount: "289",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg?_wi=2",
|
||||
imageAlt: "Designer Evening Gown",
|
||||
},
|
||||
{
|
||||
id: "fashion-3",
|
||||
brand: "ClassicThreads",
|
||||
name: "Italian Leather Shoes",
|
||||
price: "$395.00",
|
||||
rating: 4,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg?_wi=2",
|
||||
imageAlt: "Italian Leather Shoes",
|
||||
},
|
||||
{
|
||||
id: "fashion-4",
|
||||
brand: "LuxeStyle",
|
||||
name: "Cashmere Sweater Collection",
|
||||
price: "$320.00",
|
||||
rating: 5,
|
||||
reviewCount: "267",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg?_wi=4",
|
||||
imageAlt: "Cashmere Sweater",
|
||||
},
|
||||
{
|
||||
id: "fashion-5",
|
||||
brand: "ElegantWear",
|
||||
name: "Silk Blouse Set",
|
||||
price: "$275.00",
|
||||
rating: 5,
|
||||
reviewCount: "198",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg?_wi=3",
|
||||
imageAlt: "Silk Blouse",
|
||||
},
|
||||
{
|
||||
id: "fashion-6",
|
||||
brand: "ClassicThreads",
|
||||
name: "Designer Jean Collection",
|
||||
price: "$199.00",
|
||||
rating: 4,
|
||||
reviewCount: "445",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg?_wi=3",
|
||||
imageAlt: "Designer Jeans",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "View All", href: "#" },
|
||||
{ text: "Back to Home", href: "/" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="fashion-details" data-section="fashion-details">
|
||||
<ProductCardTwo
|
||||
title="Trending Now"
|
||||
description="Explore the latest fashion trends and seasonal favorites. Premium quality pieces for every occasion and style preference."
|
||||
tag="Trending"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "fashion-trend-1",
|
||||
brand: "LuxeStyle",
|
||||
name: "Minimalist White Shirt",
|
||||
price: "$155.00",
|
||||
rating: 5,
|
||||
reviewCount: "523",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg?_wi=4",
|
||||
imageAlt: "Minimalist White Shirt",
|
||||
},
|
||||
{
|
||||
id: "fashion-trend-2",
|
||||
brand: "ElegantWear",
|
||||
name: "Black Leather Jacket",
|
||||
price: "$495.00",
|
||||
rating: 5,
|
||||
reviewCount: "389",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg?_wi=5",
|
||||
imageAlt: "Black Leather Jacket",
|
||||
},
|
||||
{
|
||||
id: "fashion-trend-3",
|
||||
brand: "ClassicThreads",
|
||||
name: "Neutral Tone Blazer",
|
||||
price: "$425.00",
|
||||
rating: 4,
|
||||
reviewCount: "267",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg?_wi=4",
|
||||
imageAlt: "Neutral Blazer",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="fashion-cta" data-section="fashion-cta">
|
||||
<ProductCardTwo
|
||||
title="Featured Designers"
|
||||
description="Exclusive collections from world-renowned fashion designers. Limited edition pieces that showcase luxury and artistry."
|
||||
tag="Exclusive"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "designer-1",
|
||||
brand: "ElegantWear",
|
||||
name: "Haute Couture Gown",
|
||||
price: "$1,200.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg?_wi=5",
|
||||
imageAlt: "Haute Couture Gown",
|
||||
},
|
||||
{
|
||||
id: "designer-2",
|
||||
brand: "LuxeStyle",
|
||||
name: "Signature Collection Dress",
|
||||
price: "$895.00",
|
||||
rating: 5,
|
||||
reviewCount: "134",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg?_wi=6",
|
||||
imageAlt: "Signature Dress",
|
||||
},
|
||||
{
|
||||
id: "designer-3",
|
||||
brand: "ClassicThreads",
|
||||
name: "Artisan Wool Coat",
|
||||
price: "$750.00",
|
||||
rating: 5,
|
||||
reviewCount: "167",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg?_wi=5",
|
||||
imageAlt: "Artisan Wool Coat",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="ZSMX Store"
|
||||
copyrightText="© 2025 ZSMX Store. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{ label: "Fashion", href: "/fashion" },
|
||||
{ label: "Home", href: "#home-category" },
|
||||
{ label: "Gym", href: "#gym" },
|
||||
{ label: "Electronics", href: "#electronics" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
{/* Navbar will be added here */}
|
||||
</div>
|
||||
<div>Fashion Page</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user