Initial commit
This commit is contained in:
Nikolay Pecheniev
178
src/app/shop/page.tsx
Normal file
178
src/app/shop/page.tsx
Normal file
@@ -0,0 +1,178 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user