Update src/app/bags/page.tsx
This commit is contained in:
@@ -6,7 +6,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function BagsGalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -21,87 +21,72 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shoes", id: "/shoes"},
|
||||
{
|
||||
name: "Bags", id: "/bags"},
|
||||
{
|
||||
name: "Jewelry", id: "/jewelry"},
|
||||
{
|
||||
name: "Perfumes", id: "/perfumes"},
|
||||
{
|
||||
name: "About", id: "/#about"},
|
||||
]}
|
||||
brandName="MB Studio"
|
||||
button={{
|
||||
text: "Contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shoes", id: "/shoes" },
|
||||
{ name: "Bags", id: "/bags" },
|
||||
{ name: "About", id: "/#about" }
|
||||
]}
|
||||
brandName="MB Studio"
|
||||
button={{
|
||||
text: "Contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bags-clutches" data-section="bags-clutches">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "bags-clutch-1", name: "Midnight Sparkle Clutch", price: "$1800", variant: "Black Silk", imageSrc: "http://img.b2bpic.net/free-photo/view-covid-party-items-assortment_23-2149299924.jpg", imageAlt: "Elegant black silk clutch bag"},
|
||||
{
|
||||
id: "bags-clutch-2", name: "Golden Gala Pouch", price: "$1950", variant: "Metallic Gold", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegance-luxury-fashion-women-bag_74190-4900.jpg", imageAlt: "Glamorous gold metallic clutch bag"},
|
||||
{
|
||||
id: "bags-clutch-3", name: "Floral Embroidery Clutch", price: "$2200", variant: "Embroidered Silk", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141490.jpg", imageAlt: "Artistic embroidered silk clutch bag"},
|
||||
{
|
||||
id: "bags-clutch-4", name: "Crystal Cascade Clutch", price: "$2500", variant: "Crystal Embellished", imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12974.jpg", imageAlt: "Dazzling crystal embellished clutch bag"},
|
||||
{
|
||||
id: "bags-clutch-5", name: "Minimalist White Pouch", price: "$1700", variant: "White Leather", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg", imageAlt: "Sleek minimalist white leather clutch"},
|
||||
{
|
||||
id: "bags-clutch-6", name: "Emerald Velvet Clutch", price: "$2000", variant: "Green Velvet", imageSrc: "http://img.b2bpic.net/free-photo/transparent-box-golden-crown-close-up_23-2148333534.jpg", imageAlt: "Luxurious emerald green velvet clutch bag"},
|
||||
]}
|
||||
title="Elegant Clutches"
|
||||
description="Perfect for evening affairs, our clutches blend exquisite design with compact sophistication."
|
||||
/>
|
||||
</div>
|
||||
<div id="bags-gallery" data-section="bags-gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Elegant Bag Collection"
|
||||
description="Discover our curated selection of luxury handbags, combining sophisticated design with impeccable functionality."
|
||||
products={[
|
||||
{
|
||||
id: "bags-gallery-1", name: "The Duchess Tote", price: "$2500", variant: "Forest Green Leather", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bag_1203-3464.jpg", imageAlt: "Luxury forest green leather tote bag"
|
||||
},
|
||||
{
|
||||
id: "bags-gallery-2", name: "Evening Star Clutch", price: "$1800", variant: "Black Silk", imageSrc: "http://img.b2bpic.net/free-photo/beige-leather-handbag-isolated-white-background_23-2148702951.jpg", imageAlt: "Luxury black silk evening clutch bag"
|
||||
},
|
||||
{
|
||||
id: "bags-gallery-3", name: "Urban Nomad Crossbody", price: "$1900", variant: "Cognac Suede", imageSrc: "http://img.b2bpic.net/free-photo/fashion-bag-with-copy-space_23-2148702947.jpg", imageAlt: "Luxury cognac suede crossbody bag"
|
||||
},
|
||||
{
|
||||
id: "bags-gallery-4", name: "The Explorer Backpack", price: "$2800", variant: "Navy Canvas", imageSrc: "http://img.b2bpic.net/free-photo/handbags-isolated-yellow-background_23-2148702949.jpg", imageAlt: "Luxury navy canvas backpack"
|
||||
},
|
||||
{
|
||||
id: "bags-gallery-5", name: "Executive Briefcase", price: "$3500", variant: "Dark Brown Leather", imageSrc: "http://img.b2bpic.net/free-photo/stylish-purse-black-surface_23-2148702946.jpg", imageAlt: "Luxury dark brown leather briefcase"
|
||||
},
|
||||
{
|
||||
id: "bags-gallery-6", name: "Weekend Wanderer Duffle", price: "$3000", variant: "Grey Wool", imageSrc: "http://img.b2bpic.net/free-photo/hand-bag_1203-2415.jpg", imageAlt: "Luxury grey wool duffle bag"
|
||||
},
|
||||
{
|
||||
id: "bags-gallery-7", name: "Sophisticated Satchel", price: "$2200", variant: "Tan Leather", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bag_1303-882.jpg", imageAlt: "Sophisticated tan leather satchel"
|
||||
},
|
||||
{
|
||||
id: "bags-gallery-8", name: "Modern Daypack", price: "$1700", variant: "Black Nylon", imageSrc: "http://img.b2bpic.net/free-photo/leather-backpack-isolated_23-2148702948.jpg", imageAlt: "Modern black nylon daypack"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Shop All Bags", href: "/bags" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bags-totes" data-section="bags-totes">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "bags-tote-1", name: "The Executive Tote", price: "$2800", variant: "Brown Leather", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bag-flowers-assortment_23-2149722429.jpg", imageAlt: "Classic brown leather executive tote bag"},
|
||||
{
|
||||
id: "bags-tote-2", name: "Modern City Carryall", price: "$2600", variant: "Black Grain Leather", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-man-holding-coffee-cup-baggage_23-2149380189.jpg", imageAlt: "Modern black grain leather city tote bag"},
|
||||
{
|
||||
id: "bags-tote-3", name: "Bohemian Canvas Tote", price: "$1900", variant: "Beige Canvas", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916697.jpg", imageAlt: "Casual beige canvas bohemian tote bag"},
|
||||
{
|
||||
id: "bags-tote-4", name: "Structured Elegance Tote", price: "$3100", variant: "White Croc-Embossed", imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12612.jpg", imageAlt: "Sophisticated white croc-embossed structured tote bag"},
|
||||
{
|
||||
id: "bags-tote-5", name: "Reversible Designer Tote", price: "$2950", variant: "Dual-tone Leather", imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046507.jpg", imageAlt: "Innovative dual-tone reversible leather tote bag"},
|
||||
{
|
||||
id: "bags-tote-6", name: "Artisan Pattern Tote", price: "$2700", variant: "Abstract Print", imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-attractive-woman-stylish-coat_273443-2021.jpg", imageAlt: "Artistic abstract print designer tote bag"},
|
||||
]}
|
||||
title="Stylish Totes & Carryalls"
|
||||
description="Our collection of totes offers spacious design and robust elegance for your daily ventures."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="MB Studio"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="MB Studio"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user