Add src/app/shop/page.tsx

2026-01-29 15:08:37 +00:00
parent b81b043a1b
commit b2fed322fc
1 changed files with 112 additions and 0 deletions
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,112 @@
+"use client"
+
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import { Sparkles } from 'lucide-react';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="slide-background"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="mediumSizeLargeTitles"
+      background="aurora"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen 
+          navItems={[
+            {name: "Home", id: "/"},
+            {name: "Products", id: "products"},
+            {name: "Shop", id: "/shop"},
+            {name: "About", id: "about"},
+            {name: "Testimonials", id: "testimonials"},
+            {name: "Contact", id: "contact"}
+          ]}
+          brandName="Kvitok"
+          bottomLeftText="Fresh Flowers Daily"
+          bottomRightText="hello@kvitok.com"
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour 
+          title="All Available Flowers & Arrangements"
+          description="Explore our complete collection of fresh, handcrafted floral arrangements. Each bouquet is carefully curated and arranged by our expert florists using the finest flowers available."
+          tag="Complete Selection"
+          tagIcon={Sparkles}
+          textboxLayout="default"
+          useInvertedBackground="invertDefault"
+          products={[
+            {
+              id: "1",              name: "Romantic Red Roses Bouquet",              price: "$89.99",              variant: "Premium Selection • 24 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/tender-pink-roses-put-bouquet_1304-5428.jpg",              imageAlt: "Red roses bouquet"
+            },
+            {
+              id: "2",              name: "Vibrant Tulip Garden",              price: "$74.99",              variant: "Spring Colors • Mixed Varieties",              imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3631.jpg",              imageAlt: "Colorful tulips arrangement"
+            },
+            {
+              id: "3",              name: "Sunshine Sunflower Mix",              price: "$64.99",              variant: "Cheerful Yellow • 12 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/exotic-rustic-bunch-flowers-mixed-colors_114579-1969.jpg",              imageAlt: "Bright sunflowers bouquet"
+            },
+            {
+              id: "4",              name: "Lavender Dreams Arrangement",              price: "$79.99",              variant: "Calming Purple • Fresh Cut",              imageSrc: "https://img.b2bpic.net/free-photo/lisianthus-bouquet-wooden-table_501050-281.jpg",              imageAlt: "Lavender dream arrangement"
+            },
+            {
+              id: "5",              name: "Cherry Blossom Elegance",              price: "$94.99",              variant: "Delicate Pink • 18 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3629.jpg",              imageAlt: "Cherry blossom arrangement"
+            },
+            {
+              id: "6",              name: "Tropical Sunset Paradise",              price: "$84.99",              variant: "Mixed Tropical • 20 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/exotic-rustic-bunch-flowers-mixed-colors_114579-1969.jpg",              imageAlt: "Tropical sunset bouquet"
+            },
+            {
+              id: "7",              name: "Graceful White Lilies",              price: "$69.99",              variant: "Elegant White • 10 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/tender-pink-roses-put-bouquet_1304-5428.jpg",              imageAlt: "White lilies arrangement"
+            },
+            {
+              id: "8",              name: "Bold Red & Cream Garden",              price: "$99.99",              variant: "Premium Mix • 30 Stems",              imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3631.jpg",              imageAlt: "Red and cream garden arrangement"
+            }
+          ]}
+          gridVariant="bento-grid"
+          animationType="slide-up"
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia 
+          imageSrc="https://img.b2bpic.net/free-photo/flower-cake_74190-4879.jpg"
+          imageAlt="Beautiful flower field"
+          columns={[
+            {
+              title: "Shop",              items: [
+                { label: "All Arrangements", href: "/shop" },
+                { label: "Collections", href: "/#feature" },
+                { label: "Custom Orders", href: "/#contact" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/#about" },
+                { label: "Contact Us", href: "/#contact" },
+                { label: "Testimonials", href: "/#testimonials" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "/#faq" },
+                { label: "Delivery Info", href: "/#faq" },
+                { label: "Care Guide", href: "/#faq" }
+              ]
+            }
+          ]}
+          logoText="KVITOK"
+          copyrightText="© 2025 Kvitok Flowers. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}