bender/91753afd-6fba-44a0-8440-0f324e2d4bf8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-10 11:29:21 +00:00
Conversation 0 Commits 1 Files Changed 1 +99 -184
1 changed files with 99 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
src/app/product/[id]/page.tsx
View File

@@ -2,200 +2,115 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; 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 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 ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles" sizing="largeSmallSizeMediumTitles"
background="blurBottom" background="blurBottom"
cardStyle="gradient-radial" cardStyle="gradient-radial"
primaryButtonStyle="radial-glow" primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered" secondaryButtonStyle="layered"
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={navItems}
{ brandName="NEXORA FASHION"
name: "Home", />
id: "/", </div>
},
{
name: "Shop",
id: "/shop",
},
{
name: "About Us",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="NEXORA FASHION"
/>
</div>
<div id="product-description" data-section="product-description"> <div id="product-description" data-section="product-description">
<TextAbout <TextAbout
useInvertedBackground={true} useInvertedBackground={true}
title="Luxury Black Dress - Product Details" title="Luxury Black Dress - Product Details"
buttons={[ buttons={[
{ { text: "Add to Cart", href: "#" },
text: "Add to Cart", { text: "Buy Now", href: "#" },
href: "#", ]}
}, />
{ {/* Moved description to inline JSX as 'description' prop does not exist on TextAboutProps */}
text: "Buy Now", <p className="mt-4 text-base text-gray-700 dark:text-gray-300 max-w-2xl mx-auto text-center">
href: "#", 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>
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="related-products" data-section="related-products"> <div id="related-products" data-section="related-products">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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: "r1", { 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" },
name: "Gold Statement Necklace", { 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" },
price: "$800", { 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" },
variant: "Accessories", { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414739.jpg", { 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" }
imageAlt: "Gold necklace", ]}
}, title="You Might Also Like"
{ description="Complement your selection with these exquisite pieces from our curated collection."
id: "r2", />
name: "Men's Silk Tie", </div>
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"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="NEXORA FASHION" logoText="NEXORA FASHION"
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [ { label: "Men's Clothing", href: "/shop" },
{ { label: "Women's Clothing", href: "/shop" },
label: "Men's Clothing", { label: "Shoes", href: "/shop" },
href: "/shop", { label: "Accessories", href: "/shop" },
}, { label: "New Arrivals", href: "/shop" },
{ ],
label: "Women's Clothing", },
href: "/shop", {
}, title: "Company", items: [
{ { label: "About Us", href: "/about" },
label: "Shoes", { label: "Our Team", href: "/about#team" },
href: "/shop", { label: "Contact", href: "/contact" },
}, { label: "Careers", href: "#" },
{ ],
label: "Accessories", },
href: "/shop", {
}, title: "Legal", items: [
{ { label: "Privacy Policy", href: "#" },
label: "New Arrivals", { label: "Terms of Service", href: "#" },
href: "/shop", { label: "Returns & Refunds", href: "#" },
}, ],
], },
}, ]}
{ copyrightText="© 2024 NEXORA FASHION. All rights reserved."
title: "Company", />
items: [ </div>
{
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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );