Initial commit
This commit is contained in:
100
src/app/products/page.tsx
Normal file
100
src/app/products/page.tsx
Normal file
@@ -0,0 +1,100 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Flower2, Instagram, Facebook, Mail } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ProductsPage() {
|
||||
// Navigation logic for products page
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "products" }, // scroll to products section on current page
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Moya Kvitka"
|
||||
bottomLeftText="Fresh Flowers Daily"
|
||||
bottomRightText="hello@moyakvitka.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Featured Flower Collections"
|
||||
description="Handpicked arrangements designed for every occasion and budget"
|
||||
tag="New Arrivals"
|
||||
tagIcon={Flower2}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Romantic Red Rose Bouquet",
|
||||
price: "₴1,299",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",
|
||||
imageAlt: "Red roses luxury bouquet",
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Spring Mixed Arrangement",
|
||||
price: "₴899",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-s-body-move-eating-white-coconut-candy-brunette-girl-with-long-hair-elegant-bracelet-hand-holding-bouquet-red-flowers-concept-holiday-woman-s-presents-jewelry_132075-12359.jpg",
|
||||
imageAlt: "Colorful spring flowers arrangement",
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Wedding Elegance Bouquet",
|
||||
price: "₴2,499",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg",
|
||||
imageAlt: "Elegant white wedding flowers",
|
||||
initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tropical Paradise Mix",
|
||||
price: "₴1,599",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/composition-valentine-s-day-with-bouquet-red-drink-cup_169016-26067.jpg",
|
||||
imageAlt: "Exotic tropical flower arrangement",
|
||||
initialQuantity: 1
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-alternating-sizes"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterCard
|
||||
logoText="Moya Kvitka"
|
||||
copyrightText="© 2025 Moya Kvitka | Premium Floral Design | All rights reserved"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com/moyakvitka", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com/moyakvitka", ariaLabel: "Follow us on Facebook" },
|
||||
{ icon: Mail, href: "mailto:hello@moyakvitka.com", ariaLabel: "Email us" }
|
||||
]}
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user