Add src/app/old-money/page.tsx
This commit is contained in:
86
src/app/old-money/page.tsx
Normal file
86
src/app/old-money/page.tsx
Normal file
@@ -0,0 +1,86 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
|
||||
|
||||
export default function OldMoneyPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Street Style", id: "/street-style" },
|
||||
{ name: "Old Money", id: "/old-money" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-collection_23-2148823303.jpg"
|
||||
brandName="StyleHaven"
|
||||
button={{
|
||||
text: "Shop Now", href: "/street-style"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="old-money-products" data-section="old-money-products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Timeless Sophistication: Our Old Money Collection"
|
||||
description="Embrace classic elegance and refined taste. Our Old Money collection features luxurious fabrics, impeccable tailoring, and understated designs for a truly distinguished look."
|
||||
products={[
|
||||
{
|
||||
id: "om-1", brand: "StyleHaven", name: "Cashmere Turtleneck Sweater", price: "$180.00", rating: 5,
|
||||
reviewCount: "45 reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20628.jpg", imageAlt: "Man in cashmere turtleneck"},
|
||||
{
|
||||
id: "om-2", brand: "StyleHaven", name: "Silk Scarf with Crest", price: "$60.00", rating: 5,
|
||||
reviewCount: "30 reviews", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-maxi-dress_120-00.jpg", imageAlt: "Silk scarf"},
|
||||
{
|
||||
id: "om-3", brand: "StyleHaven", name: "Tailored Wool Trousers", price: "$130.00", rating: 4,
|
||||
reviewCount: "55 reviews", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19605.jpg", imageAlt: "Man in tailored wool trousers"},
|
||||
{
|
||||
id: "om-4", brand: "StyleHaven", name: "Classic Tweed Blazer", price: "$220.00", rating: 5,
|
||||
reviewCount: "40 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26105.jpg", imageAlt: "Woman in classic tweed blazer"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="StyleHaven"
|
||||
copyrightText="© 2024 StyleHaven. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user