Add src/app/shop/page.tsx

Update src/app/page.tsx
Update src/app/layout.tsx
2026-01-29 15:08:37 +00:00 · 2026-01-29 15:08:37 +00:00 · 2026-01-29 15:08:36 +00:00 · 2026-01-29 15:08:35 +00:00
4 changed files with 134 additions and 19 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -54,7 +54,8 @@ export default function BlogPage() {
                const url = `${apiUrl}/posts/${projectId}?status=published`;
                const response = await fetch(url, {
                    method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                });

                if (response.ok) {
@@ -99,10 +100,11 @@ export default function BlogPage() {
                    <NavbarStyleFullscreen
                        navItems={[
                            { name: "Home", id: "/" },
-                            { name: "Products", id: "products" },
-                            { name: "About", id: "about" },
-                            { name: "Testimonials", id: "testimonials" },
-                            { name: "Contact", id: "contact" }
+                            { 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"
@@ -132,23 +134,23 @@ export default function BlogPage() {
                        columns={[
                            {
                                title: "Shop",                                items: [
-                                    { label: "All Arrangements", href: "#products" },
-                                    { label: "Collections", href: "#feature" },
-                                    { label: "Custom Orders", href: "#contact" }
+                                    { 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" }
+                                    { 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" }
+                                    { label: "FAQ", href: "/#faq" },
+                                    { label: "Delivery Info", href: "/#faq" },
+                                    { label: "Care Guide", href: "/#faq" }
                                ]
                            }
                        ]}
@@ -159,4 +161,4 @@ export default function BlogPage() {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1265,4 +1265,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,6 +31,7 @@ export default function LandingPage() {
          navItems={[
            {name: "Home", id: "hero"},
            {name: "Products", id: "products"},
+            {name: "Shop", id: "/shop"},
            {name: "About", id: "about"},
            {name: "Testimonials", id: "testimonials"},
            {name: "Contact", id: "contact"}
@@ -47,7 +48,7 @@ export default function LandingPage() {
          description="Discover the beauty of fresh, handcrafted floral arrangements. From elegant roses to vibrant sunflowers, we bring nature's finest blooms to your doorstep with care and passion."
          background={{ variant: "radial-gradient" }}
          buttons={[
-            { text: "Shop Now", href: "#products" },
+            { text: "Shop Now", href: "/shop" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
@@ -234,7 +235,7 @@ export default function LandingPage() {
          columns={[
            {
              title: "Shop",              items: [
-                { label: "All Arrangements", href: "#products" },
+                { label: "All Arrangements", href: "/shop" },
                { label: "Collections", href: "#feature" },
                { label: "Custom Orders", href: "#contact" }
              ]
@@ -260,4 +261,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- 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>
+  );
+}
Author	SHA1	Message	Date
development	b2fed322fc	Add src/app/shop/page.tsx	2026-01-29 15:08:37 +00:00
development	b81b043a1b	Update src/app/page.tsx	2026-01-29 15:08:37 +00:00
development	b8551da6b3	Update src/app/layout.tsx	2026-01-29 15:08:36 +00:00
development	cb99716717	Update src/app/blog/page.tsx	2026-01-29 15:08:35 +00:00