Merge version_3 into main #6

Merged
bender merged 3 commits from version_3 into main 2026-03-08 11:24:10 +00:00
3 changed files with 133 additions and 1400 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -33,6 +33,7 @@ export default function LandingPage() {
{ name: "New Arrivals", id: "products" },
{ name: "Stories", id: "testimonial" },
{ name: "Contact", id: "contact" },
{ name: "Products", id: "products-page" },
]}
brandName="LUXA"
bottomLeftText="Luxury Fashion House"
@@ -183,7 +184,7 @@ export default function LandingPage() {
{ label: "New Arrivals", href: "#products" },
{ label: "Seasonal Edit", href: "#features" },
{ label: "Limited Edition", href: "#products" },
{ label: "All Products", href: "#products" },
{ label: "All Products", href: "/products" },
],
},
{
@@ -207,4 +208,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

113
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,113 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Award, ArrowRight } from "lucide-react";
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Collections", id: "/" },
{ name: "About", id: "/" },
{ name: "New Arrivals", id: "/" },
{ name: "Stories", id: "/" },
{ name: "Contact", id: "/" },
{ name: "Products", id: "products-page" },
]}
brandName="LUXA"
bottomLeftText="Luxury Fashion House"
bottomRightText="hello@luxa.com"
/>
</div>
<div id="products" data-section="products" className="pt-20">
<ProductCardFour
products={[
{
id: "1", name: "Silk Evening Gown", price: "$3,200", variant: "Black 2 Sizes", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg?_wi=2", imageAlt: "Black silk evening gown", isFavorited: false,
},
{
id: "2", name: "Tailored Trench Coat", price: "$2,800", variant: "Cream 3 Colors", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7070.jpg?_wi=2", imageAlt: "Premium tailored trench coat", isFavorited: false,
},
{
id: "3", name: "Italian Leather Tote", price: "$1,950", variant: "Cognac 4 Options", imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors_23-2149548517.jpg?_wi=2", imageAlt: "Italian leather luxury tote", isFavorited: false,
},
{
id: "4", name: "Sculptural Heel", price: "$1,450", variant: "Black Sizes 35-41", imageSrc: "http://img.b2bpic.net/free-photo/long-skinny-legs-barefoot-with-high-heeled-sandals-shoes-fashion-details-elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-rich-stylish-lady-elegant-trend-footwear_285396-7257.jpg?_wi=2", imageAlt: "Sculptural black heel", isFavorited: false,
},
{
id: "5", name: "Cashmere Sweater", price: "$1,650", variant: "Ivory XS-L", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg?_wi=2", imageAlt: "Premium cashmere sweater", isFavorited: false,
},
{
id: "6", name: "Structured Blazer", price: "$2,400", variant: "Navy XS-XL", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7070.jpg?_wi=2", imageAlt: "Tailored structured blazer", isFavorited: false,
},
{
id: "7", name: "Wide-Leg Trousers", price: "$1,800", variant: "Black 24-34", imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors_23-2149548517.jpg?_wi=2", imageAlt: "Wide-leg luxury trousers", isFavorited: false,
},
{
id: "8", name: "Leather Belt", price: "$950", variant: "Brown 28-40", imageSrc: "http://img.b2bpic.net/free-photo/long-skinny-legs-barefoot-with-high-heeled-sandals-shoes-fashion-details-elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-rich-stylish-lady-elegant-trend-footwear_285396-7257.jpg?_wi=2", imageAlt: "Italian leather luxury belt", isFavorited: false,
},
]}
title="Complete Collection"
description="Browse our full range of luxury fashion pieces, carefully curated for discerning tastes"
tag="All Products"
tagIcon={Award}
tagAnimation="slide-up"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttonAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="LUXA"
columns={[
{
items: [
{ label: "New Arrivals", href: "/products" },
{ label: "Seasonal Edit", href: "/" },
{ label: "Limited Edition", href: "/products" },
{ label: "All Products", href: "/products" },
],
},
{
items: [
{ label: "Our Story", href: "/" },
{ label: "Craftsmanship", href: "/" },
{ label: "Sustainability", href: "#" },
{ label: "Press", href: "#" },
],
},
{
items: [
{ label: "Contact Us", href: "/" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Email", href: "mailto:hello@luxa.com" },
{ label: "Privacy Policy", href: "#" },
],
},
]}
/>
</div>
</ThemeProvider>
);
}