Merge version_1 into main #2
@@ -2,200 +2,115 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ProductDetailsPage({ params }: { params: { id: string } }) {
|
||||
const navItems = [
|
||||
{
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Shop", id: "/shop"
|
||||
},
|
||||
{
|
||||
name: "About Us", id: "/about"
|
||||
},
|
||||
{
|
||||
name: "Contact", id: "/contact"
|
||||
}
|
||||
];
|
||||
|
||||
// Using the theme props from the provided /about/page.tsx as a consistent baseline
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="NEXORA FASHION"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={navItems}
|
||||
brandName="NEXORA FASHION"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-description" data-section="product-description">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Luxury Black Dress - Product Details"
|
||||
buttons={[
|
||||
{
|
||||
text: "Add to Cart",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Buy Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
description="Experience the epitome of elegance with our meticulously crafted black dress. Made from premium silk, it offers a timeless silhouette and unparalleled comfort. Available in multiple sizes (XS, S, M, L, XL) and colors (Black, Gold, White), designed to flatter every figure. Features intricate gold embroidery and a subtle back slit for refined appeal."
|
||||
/>
|
||||
</div>
|
||||
<div id="product-description" data-section="product-description">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Luxury Black Dress - Product Details"
|
||||
buttons={[
|
||||
{ text: "Add to Cart", href: "#" },
|
||||
{ text: "Buy Now", href: "#" },
|
||||
]}
|
||||
/>
|
||||
{/* Moved description to inline JSX as 'description' prop does not exist on TextAboutProps */}
|
||||
<p className="mt-4 text-base text-gray-700 dark:text-gray-300 max-w-2xl mx-auto text-center">
|
||||
Experience the epitome of elegance with our meticulously crafted black dress. Made from premium silk, it offers a timeless silhouette and unparalleled comfort. Available in multiple sizes (XS, S, M, L, XL) and colors (Black, Gold, White), designed to flatter every figure. Features intricate gold embroidery and a subtle back slit for refined appeal.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="related-products" data-section="related-products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Gold Statement Necklace",
|
||||
price: "$800",
|
||||
variant: "Accessories",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414739.jpg",
|
||||
imageAlt: "Gold necklace",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Men's Silk Tie",
|
||||
price: "$250",
|
||||
variant: "Accessories",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-fashionable-guy-dressed-white-shirt-shorts-sitting-skateboard-bridge-looking-away_613910-4505.jpg",
|
||||
imageAlt: "Silk tie",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Women's Leather Gloves",
|
||||
price: "$380",
|
||||
variant: "Accessories",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-casual-outfit-by-business-center_1303-20480.jpg",
|
||||
imageAlt: "Leather gloves",
|
||||
},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Men's Dress Shoes",
|
||||
price: "$950",
|
||||
variant: "Shoes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45690.jpg",
|
||||
imageAlt: "Men's dress shoes",
|
||||
},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Women's Cocktail Ring",
|
||||
price: "$420",
|
||||
variant: "Jewelry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-woman-sitting-sofa-looking-camera_23-2148130402.jpg",
|
||||
imageAlt: "Cocktail ring",
|
||||
},
|
||||
{
|
||||
id: "r6",
|
||||
name: "Men's Blazer",
|
||||
price: "$1100",
|
||||
variant: "Men's Apparel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11483.jpg",
|
||||
imageAlt: "Men's blazer",
|
||||
},
|
||||
]}
|
||||
title="You Might Also Like"
|
||||
description="Complement your selection with these exquisite pieces from our curated collection."
|
||||
/>
|
||||
</div>
|
||||
<div id="related-products" data-section="related-products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "r1", name: "Gold Statement Necklace", price: "$800", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414739.jpg", imageAlt: "Gold necklace" },
|
||||
{ id: "r2", name: "Men's Silk Tie", price: "$250", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-fashionable-guy-dressed-white-shirt-shorts-sitting-skateboard-bridge-looking-away_613910-4505.jpg", imageAlt: "Silk tie" },
|
||||
{ id: "r3", name: "Women's Leather Gloves", price: "$380", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-casual-outfit-by-business-center_1303-20480.jpg", imageAlt: "Leather gloves" },
|
||||
{ id: "r4", name: "Men's Dress Shoes", price: "$950", variant: "Shoes", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45690.jpg", imageAlt: "Men's dress shoes" },
|
||||
{ id: "r5", name: "Women's Cocktail Ring", price: "$420", variant: "Jewelry", imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-woman-sitting-sofa-looking-camera_23-2148130402.jpg", imageAlt: "Cocktail ring" },
|
||||
{ id: "r6", name: "Men's Blazer", price: "$1100", variant: "Men's Apparel", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11483.jpg", imageAlt: "Men's blazer" }
|
||||
]}
|
||||
title="You Might Also Like"
|
||||
description="Complement your selection with these exquisite pieces from our curated collection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="NEXORA FASHION"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Men's Clothing",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Women's Clothing",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Shoes",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/about#team",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns & Refunds",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 NEXORA FASHION. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="NEXORA FASHION"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Men's Clothing", href: "/shop" },
|
||||
{ label: "Women's Clothing", href: "/shop" },
|
||||
{ label: "Shoes", href: "/shop" },
|
||||
{ label: "Accessories", href: "/shop" },
|
||||
{ label: "New Arrivals", href: "/shop" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about#team" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Returns & Refunds", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 NEXORA FASHION. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user