Merge version_3 into main

Merge version_3 into main

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: "Products", id: "#products" },
-                            { name: "About", id: "about" },
+                            { name: "Shop", id: "/shop" },
-                            { name: "Testimonials", id: "testimonials" },
+                            { name: "About", id: "#about" },
-                            { name: "Contact", id: "contact" }
+                            { 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: "All Arrangements", href: "/shop" },
-                                    { label: "Collections", href: "#feature" },
+                                    { label: "Collections", href: "/#feature" },
-                                    { label: "Custom Orders", href: "#contact" }
+                                    { label: "Custom Orders", href: "/contact" }
                                 ]
                             },
                             {
                                 title: "Company",                                items: [
-                                    { label: "About Us", href: "#about" },
+                                    { label: "About Us", href: "/#about" },
-                                    { label: "Contact Us", href: "#contact" },
+                                    { label: "Contact Us", href: "/contact" },
-                                    { label: "Testimonials", href: "#testimonials" }
+                                    { label: "Testimonials", href: "/#testimonials" }
                                 ]
                             },
                             {
                                 title: "Support",                                items: [
-                                    { label: "FAQ", href: "#faq" },
+                                    { label: "FAQ", href: "/#faq" },
-                                    { label: "Delivery Info", href: "#faq" },
+                                    { label: "Delivery Info", href: "/#faq" },
-                                    { label: "Care Guide", href: "#faq" }
+                                    { label: "Care Guide", href: "/#faq" }
                                 ]
                             }
                         ]}
@@ -159,4 +161,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/contact/page.tsx

@@ -0,0 +1,98 @@
+"use client"
+
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+
+export default function ContactPage() {
+  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="contact" data-section="contact">
+        <ContactSplitForm 
+          title="Get in Touch"
+          description="Have questions about our flowers or services? Reach out to our team. We're here to help and would love to hear from you."
+          inputs={[
+            {
+              name: "name",              type: "text",              placeholder: "Your Name",              required: true
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Your Email",              required: true
+            },
+            {
+              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
+            }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your floral needs or questions...",            rows: 5,
+            required: true
+          }}
+          useInvertedBackground="noInvert"
+          imageSrc="https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005538.jpg"
+          imageAlt="Beautiful flower arrangement"
+          mediaPosition="right"
+          buttonText="Send Message"
+        />
+      </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>
+  );
+}

src/app/layout.tsx

@@ -1265,4 +1265,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -31,9 +31,10 @@ 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"}
+            {name: "Contact", id: "/contact"}
           ]}
           brandName="Kvitok"
           bottomLeftText="Fresh Flowers Daily"
@@ -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>
   );
-}
+}

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>
+  );
+}