178 lines
7.1 KiB
TypeScript
178 lines
7.1 KiB
TypeScript
"use client";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Sparkles, Heart } from "lucide-react";
|
|
|
|
export default function ShopPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Shop", id: "/shop" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
brandName="Flamingo"
|
|
bottomLeftText="Celebrating the beauty of flowers"
|
|
bottomRightText="hello@flamingo.flowers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="shop-products" data-section="shop-products">
|
|
<ProductCardThree
|
|
title="Shop Our Collection"
|
|
description="Browse our complete selection of premium floral arrangements, from romantic bouquets to vibrant seasonal collections."
|
|
tag="Full Collection"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Sunset Elegance Rose Bundle",
|
|
price: "$89.99",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005547.jpg",
|
|
imageAlt: "Sunset elegance rose arrangement",
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Garden Paradise Mixed Flowers",
|
|
price: "$74.99",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-pretty-bouquet-red-orange-roses_23-2148387986.jpg",
|
|
imageAlt: "Garden paradise mixed flower bouquet",
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Tropical Vibrant Arrangement",
|
|
price: "$95.99",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/bouquet-fresh-roses-glass-vase-close-up_169016-8804.jpg",
|
|
imageAlt: "Tropical vibrant flower arrangement",
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Peony Dream Collection",
|
|
price: "$84.99",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/patterns-beautiful-rose_23-2147835704.jpg",
|
|
imageAlt: "Peony dream flower collection",
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Classic White Rose Bouquet",
|
|
price: "$69.99",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",
|
|
imageAlt: "Classic white rose bouquet",
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Seasonal Spring Mix",
|
|
price: "$79.99",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg",
|
|
imageAlt: "Seasonal spring mix arrangement",
|
|
initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="seasonal-features" data-section="seasonal-features">
|
|
<FeatureCardTwentyFour
|
|
title="Seasonal Highlights"
|
|
description="Discover our current seasonal collections and limited-time arrangements"
|
|
tag="Seasonal"
|
|
tagIcon={Heart}
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Valentine's Romance Collection",
|
|
author: "Limited Edition",
|
|
description: "Passionate red roses and romantic arrangements perfect for expressing your deepest emotions. Available only through February with complimentary chocolates.",
|
|
tags: ["Valentine's", "Romance", "Limited"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Spring Awakening Bouquets",
|
|
author: "Fresh Arrivals",
|
|
description: "Celebrate the season with fresh tulips, daffodils, and cherry blossoms. Bright colors and fragrant blooms that capture the essence of spring renewal.",
|
|
tags: ["Spring", "Fresh", "Seasonal"],
|
|
imageSrc: "https://img.b2bpic.net/free-photo/top-view-beautiful-red-roses-marble_114579-85918.jpg"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="shop-contact" data-section="shop-contact">
|
|
<ContactText
|
|
text="Have questions about our flowers or need help selecting the perfect arrangement? Our floral experts are here to help."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Contact Expert", href: "/contact" },
|
|
{ text: "Custom Orders", href: "/contact" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{ label: "Bouquets", href: "/shop" },
|
|
{ label: "Arrangements", href: "/shop" },
|
|
{ label: "Gift Sets", href: "/shop" },
|
|
{ label: "Seasonal", href: "/shop" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Weddings", href: "/services" },
|
|
{ label: "Corporate", href: "/services" },
|
|
{ label: "Same-Day Delivery", href: "/services" },
|
|
{ label: "Custom Orders", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Privacy Policy", href: "https://example.com/privacy" },
|
|
{ label: "Terms of Service", href: "https://example.com/terms" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Flamingo Flower Store | Celebrating the beauty of flowers since 2010"
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |