Merge version_2 into main #1
@@ -35,6 +35,7 @@ export default function LandingPage() {
|
||||
{ name: 'Bestsellers', id: 'product' },
|
||||
{ name: 'About', id: 'about' },
|
||||
{ name: 'Reviews', id: 'testimonial' },
|
||||
{ name: 'Products', id: '/products' },
|
||||
{ name: 'Visit Store', id: 'store-info' }
|
||||
]}
|
||||
button={{ text: 'Shop Now', href: 'product' }}
|
||||
@@ -308,4 +309,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
182
src/app/products/page.tsx
Normal file
182
src/app/products/page.tsx
Normal file
@@ -0,0 +1,182 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Flame } from 'lucide-react';
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: 'Collections', id: '/#features' },
|
||||
{ name: 'Bestsellers', id: '/#product' },
|
||||
{ name: 'About', id: '/#about' },
|
||||
{ name: 'Reviews', id: '/#testimonial' },
|
||||
{ name: 'Products', id: '/products' },
|
||||
{ name: 'Visit Store', id: '/#store-info' }
|
||||
]}
|
||||
button={{ text: 'Shop Now', href: '/products' }}
|
||||
brandName="LOOK AESTHETIC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="All Products"
|
||||
description="Browse our complete collection of premium fashion items at affordable prices"
|
||||
buttons={[
|
||||
{ text: 'Back to Home', href: '/' },
|
||||
{ text: 'Visit Store', href: '/#store-info' }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5782.jpg"
|
||||
imageAlt="LOOK AESTHETIC Products"
|
||||
showDimOverlay={true}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Products page hero"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: '1',
|
||||
name: 'Oversized Graphic Tee',
|
||||
price: '₹599',
|
||||
imageSrc: 'http://img.b2bpic.net/free-vector/harder-you-work-luckier-you-get-quote-typographic-design_1284-36468.jpg',
|
||||
imageAlt: 'Oversized Graphic Tee',
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Streetwear Jacket',
|
||||
price: '₹1,499',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/lifestyle-positive-portrait-cheerful-happy-woman-pink-pullover_273443-896.jpg',
|
||||
imageAlt: 'Streetwear Jacket',
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Trendy Casual Shirt',
|
||||
price: '₹799',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-thoughtful-male-posing-street-background-outdoors-sunset_158538-20632.jpg',
|
||||
imageAlt: 'Trendy Casual Shirt',
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
name: 'Premium Denim Fit',
|
||||
price: '₹1,299',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/young-boy-blue-denim-jacket-street_146671-18135.jpg',
|
||||
imageAlt: 'Premium Denim Fit',
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: '5',
|
||||
name: 'Classy Party Outfit',
|
||||
price: '₹1,799',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/new-year-club-party-with-three-friends_23-2147709208.jpg',
|
||||
imageAlt: 'Classy Party Outfit',
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: '6',
|
||||
name: 'Casual Summer Top',
|
||||
price: '₹499',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/joyful-female-shopper-choosing-party-dress-looking-clothes-rack-boutique-woman-shopping-store-consumerism-concept_74855-11841.jpg',
|
||||
imageAlt: 'Casual Summer Top',
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: '7',
|
||||
name: 'Fashion Forward Blazer',
|
||||
price: '₹2,299',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923342.jpg',
|
||||
imageAlt: 'Fashion Forward Blazer',
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: '8',
|
||||
name: 'Urban Chic Pants',
|
||||
price: '₹1,199',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/modern-woman-posing-with-shopping-bags_23-2147893955.jpg',
|
||||
imageAlt: 'Urban Chic Pants',
|
||||
initialQuantity: 1
|
||||
}
|
||||
]}
|
||||
title="Our Complete Collection"
|
||||
description="Discover all of our premium fashion items, carefully curated for style and quality"
|
||||
tag="All Products"
|
||||
tagIcon={Flame}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="LOOK AESTHETIC"
|
||||
copyrightText="© 2025 LOOK AESTHETIC FASHION STORE | Belagavi's Home of Trend & Drip"
|
||||
columns={[
|
||||
{
|
||||
title: 'Shop',
|
||||
items: [
|
||||
{ label: 'Men\'s Collection', href: '/#features' },
|
||||
{ label: 'Women\'s Collection', href: '/#features' },
|
||||
{ label: 'Bestsellers', href: '/#product' },
|
||||
{ label: 'All Products', href: '/products' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Company',
|
||||
items: [
|
||||
{ label: 'About Us', href: '/#about' },
|
||||
{ label: 'Why We Stand Out', href: '/#metrics' },
|
||||
{ label: 'Customer Reviews', href: '/#testimonial' },
|
||||
{ label: 'Contact', href: '/#store-info' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Store',
|
||||
items: [
|
||||
{ label: 'Visit Store', href: '/#store-info' },
|
||||
{ label: 'Get Directions', href: '#' },
|
||||
{ label: 'Hours: 11 AM - 9 PM', href: '#' },
|
||||
{ label: 'Call Store', href: '#' }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Follow',
|
||||
items: [
|
||||
{ label: 'Instagram', href: 'https://instagram.com' },
|
||||
{ label: 'WhatsApp', href: 'https://wa.me' },
|
||||
{ label: 'TikTok', href: 'https://tiktok.com' },
|
||||
{ label: 'Facebook', href: 'https://facebook.com' }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user