Initial commit
This commit is contained in:
115
src/app/products/page.tsx
Normal file
115
src/app/products/page.tsx
Normal file
@@ -0,0 +1,115 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { ThemeProvider } from '@/components/ui/ThemeProvider';
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
showBlurBottom={false}
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleMinimal
|
||||
brandName="Bloom & Petals"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Featured Arrangements"
|
||||
description="Discover our most popular floral arrangements, carefully curated and freshly prepared for your special moments."
|
||||
tag="Best Sellers"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground="noInvert"
|
||||
products={[
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Bloom & Petals"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Shop", href: "/products" },
|
||||
{ label: "Arrangements", href: "#" },
|
||||
{ label: "Custom Orders", href: "#" },
|
||||
{ label: "Subscriptions", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "#" },
|
||||
{ label: "Story", href: "#" },
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Delivery Info", href: "#" },
|
||||
{ label: "FAQ", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
{ label: "Sitemap", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user