Update src/app/products/page.tsx

This commit is contained in:
2026-01-15 10:15:47 +00:00
parent 949fd6b298
commit a4ea5824ca

View File

@@ -4,7 +4,7 @@ import Link from "next/link";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal'; import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from '@/components/ui/ThemeProvider'; import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
export default function ProductsPage() { export default function ProductsPage() {
return ( return (
@@ -12,22 +12,27 @@ export default function ProductsPage() {
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="pill"
contentWidth="compact" contentWidth="medium"
sizing="largeSizeMediumTitles" sizing="medium"
background="aurora" background="aurora"
cardStyle="gradient-mesh" cardStyle="glass-elevated"
primaryButtonStyle="double-inset" primaryButtonStyle="gradient"
secondaryButtonStyle="layered" secondaryButtonStyle="glass"
showBlurBottom={false} showBlurBottom={false}
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleMinimal <NavbarStyleMinimal
brandName="Bloom & Petals" brandName="Bloom & Petals"
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/products"
href: "/products"
}} }}
/> />
<div style={{ position: 'absolute', top: '20px', right: '200px', zIndex: 1000 }}>
<Link href="/" style={{ marginRight: '15px', color: 'var(--foreground)' }}>Home</Link>
<Link href="/about" style={{ marginRight: '15px', color: 'var(--foreground)' }}>About</Link>
<Link href="/products" style={{ marginRight: '15px', color: 'var(--foreground)' }}>Products</Link>
<Link href="/contact" style={{ color: 'var(--foreground)' }}>Contact</Link>
</div>
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
@@ -41,32 +46,16 @@ export default function ProductsPage() {
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
products={[ products={[
{ {
id: "1", id: "1", name: "Red Rose Romance", price: "$79.99", imageSrc: "https://img.b2bpic.net/free-photo/elevated-view-red-rose-flower-vase_23-2148181221.jpg", imageAlt: "Red roses bouquet"
name: "Red Rose Romance",
price: "$79.99",
imageSrc: "https://img.b2bpic.net/free-photo/elevated-view-red-rose-flower-vase_23-2148181221.jpg",
imageAlt: "Red roses bouquet"
}, },
{ {
id: "2", id: "2", name: "Spring Tulip Mix", price: "$69.99", imageSrc: "https://img.b2bpic.net/free-photo/red-roses-inside-transparent-glass-vase-room_114579-2701.jpg", imageAlt: "Colorful tulips arrangement"
name: "Spring Tulip Mix",
price: "$69.99",
imageSrc: "https://img.b2bpic.net/free-photo/red-roses-inside-transparent-glass-vase-room_114579-2701.jpg",
imageAlt: "Colorful tulips arrangement"
}, },
{ {
id: "3", id: "3", name: "Sunflower Sunshine", price: "$74.99", imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-holding-elegant-flowers_23-2148488537.jpg", imageAlt: "Bright sunflowers"
name: "Sunflower Sunshine",
price: "$74.99",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-holding-elegant-flowers_23-2148488537.jpg",
imageAlt: "Bright sunflowers"
}, },
{ {
id: "4", id: "4", name: "Orchid Elegance", price: "$89.99", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-wedding-bouquet-roses_24837-420.jpg", imageAlt: "Premium orchid arrangement"
name: "Orchid Elegance",
price: "$89.99",
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-wedding-bouquet-roses_24837-420.jpg",
imageAlt: "Premium orchid arrangement"
} }
]} ]}
/> />