Merge version_3 into main #6
1415
src/app/layout.tsx
1415
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
@@ -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
113
src/app/products/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user