Update src/app/blog/page.tsx

Merge version_2 into main

src/app/blog/page.tsx

@@ -0,0 +1,82 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noise"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Orio"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Collections", id: "/products" },
+            { name: "About", id: "/about" },
+            { name: "Services", id: "/features" },
+            { name: "News", id: "/news" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{
+            text: "Book Now",            href: "#contact"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+      
+      <div className="py-20">
+        <div className="container mx-auto px-4">
+          <h1 className="text-4xl font-bold text-center mb-8">Floral Design Blog</h1>
+          <p className="text-center text-lg text-muted-foreground mb-12">
+            Discover the latest trends, tips, and inspiration from the world of floral design.
+          </p>
+          
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            <div className="border rounded-lg p-6">
+              <h2 className="text-xl font-semibold mb-4">Seasonal Arrangements</h2>
+              <p className="text-muted-foreground mb-4">
+                Learn how to create stunning seasonal floral arrangements that capture the essence of each time of year.
+              </p>
+              <span className="text-sm text-muted-foreground">March 15, 2024</span>
+            </div>
+            
+            <div className="border rounded-lg p-6">
+              <h2 className="text-xl font-semibold mb-4">Wedding Flower Trends</h2>
+              <p className="text-muted-foreground mb-4">
+                Explore the hottest wedding flower trends for 2024, from bold color palettes to sustainable choices.
+              </p>
+              <span className="text-sm text-muted-foreground">March 10, 2024</span>
+            </div>
+            
+            <div className="border rounded-lg p-6">
+              <h2 className="text-xl font-semibold mb-4">Care Tips for Fresh Flowers</h2>
+              <p className="text-muted-foreground mb-4">
+                Expert tips on how to extend the life of your fresh flower arrangements and keep them looking beautiful.
+              </p>
+              <span className="text-sm text-muted-foreground">March 5, 2024</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Orio"
+          copyrightText="© 2024 Orio Flowers. Handcrafted with love."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/news/page.tsx

@@ -0,0 +1,85 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function NewsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noise"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Orio"
+          navItems={[
+            { name: "Collections", id: "products" },
+            { name: "About", id: "about" },
+            { name: "Services", id: "features" },
+            { name: "News", id: "/news" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Book Now",            href: "#contact"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="blog" data-section="blog">
+        <BlogCardTwo
+          title="Latest News & Insights"
+          description="Stay updated with our latest floral trends, care tips, and seasonal collections"
+          tag="Blog"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          carouselMode="buttons"
+          blogs={[
+            {
+              id: "1",              category: ["Trends", "Seasonal"],
+              title: "Spring 2025 Floral Trends",              excerpt: "Discover the hottest floral color palettes and arrangements trending this spring season. From pastels to bold jewel tones, we explore what's blooming this year.",              imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg?_wi=2",              imageAlt: "Spring floral arrangement",              authorName: "Elena Rossi",              authorAvatar: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              date: "15 Jan 2025"
+            },
+            {
+              id: "2",              category: ["Care Tips"],
+              title: "How to Keep Your Flowers Fresh Longer",              excerpt: "Simple steps to extend the life of your floral arrangements. Learn about proper watering, placement, and maintenance techniques that keep blooms vibrant.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg?_wi=2",              imageAlt: "Fresh flower care",              authorName: "Marco Bellini",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "12 Jan 2025"
+            },
+            {
+              id: "3",              category: ["Wedding", "Events"],
+              title: "Wedding Floral Ideas for 2025",              excerpt: "Get inspired by our favorite wedding floral designs from 2024 and what to expect for upcoming celebrations. Explore timeless arrangements with modern twists.",              imageSrc: "http://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg?_wi=2",              imageAlt: "Wedding floral arrangement",              authorName: "Sofia Martini",              authorAvatar: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              date: "8 Jan 2025"
+            },
+            {
+              id: "4",              category: ["Sustainability"],
+              title: "Eco-Friendly Floral Practices",              excerpt: "Our commitment to sustainable floristry. Learn how we source responsibly grown flowers and use eco-friendly practices in every arrangement.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bouquet-pink-roses-other-flowers-with-green-leafs_181624-3255.jpg?_wi=2",              imageAlt: "Sustainable flowers",              authorName: "Giuseppe Verde",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "5 Jan 2025"
+            },
+            {
+              id: "5",              category: ["Design"],
+              title: "The Art of Color Theory in Florals",              excerpt: "Understanding how colors work together in floral design. Explore complementary palettes, monochromatic schemes, and how to choose colors for your arrangement.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-flowers-wood-with-copy-space_141793-17246.jpg?_wi=2",              imageAlt: "Colorful flowers",              authorName: "Isabella Rossi",              authorAvatar: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              date: "1 Jan 2025"
+            },
+            {
+              id: "6",              category: ["Seasonal", "Guide"],
+              title: "Winter Flowers That Thrive",              excerpt: "Discover the most beautiful and hardy flowers that flourish during winter months. Perfect for creating stunning arrangements when other flowers are scarce.",              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-holly-berries-peonies-dry-lemon-slices_114579-2539.jpg",              imageAlt: "Winter flowers",              authorName: "Antonio Moretti",              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              date: "28 Dec 2024"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Orio"
+          copyrightText="© 2024 Orio Flowers. Handcrafted with love."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,8 +32,11 @@ export default function LandingPage() {
             { name: "Collections", id: "products" },
             { name: "About", id: "about" },
             { name: "Services", id: "features" },
-            { name: "Contact", id: "contact" }
-          ]}
+            { name: "News", id: "/news" },
+            { name: "Contact", id: "contact" },
+          
+            { name: "Blog", id: "/blog" },
+]}
           button={{
             text: "Book Now",            href: "#contact"
           }}
@@ -49,7 +52,7 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "sparkles-gradient" }}
-          imageSrc="http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg?_wi=1"
           imageAlt="Beautiful floral arrangement at Orio studio"
           buttons={[
             { text: "Explore Collections", href: "#products" },
@@ -69,7 +72,7 @@ export default function LandingPage() {
             { value: "10+", title: "Years of Excellence" },
             { value: "5000+", title: "Happy Clients" }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg?_wi=1"
           imageAlt="Orio flowers studio workspace"
           useInvertedBackground={false}
           mediaAnimation="slide-up"
@@ -114,15 +117,15 @@ export default function LandingPage() {
           products={[
             {
               id: "1",              brand: "Orio Premium",              name: "Romantic Red Roses",              price: "$85.00",              rating: 5,
-              reviewCount: "124",              imageSrc: "http://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg",              imageAlt: "Romantic red roses arrangement"
+              reviewCount: "124",              imageSrc: "http://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg?_wi=1",              imageAlt: "Romantic red roses arrangement"
             },
             {
               id: "2",              brand: "Orio Deluxe",              name: "Blush Peonies",              price: "$95.00",              rating: 5,
-              reviewCount: "98",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bouquet-pink-roses-other-flowers-with-green-leafs_181624-3255.jpg",              imageAlt: "Blush peony bouquet"
+              reviewCount: "98",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bouquet-pink-roses-other-flowers-with-green-leafs_181624-3255.jpg?_wi=1",              imageAlt: "Blush peony bouquet"
             },
             {
               id: "3",              brand: "Orio Sunshine",              name: "Golden Sunflowers",              price: "$65.00",              rating: 5,
-              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-flowers-wood-with-copy-space_141793-17246.jpg",              imageAlt: "Golden sunflower arrangement"
+              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-flowers-wood-with-copy-space_141793-17246.jpg?_wi=1",              imageAlt: "Golden sunflower arrangement"
             }
           ]}
         />
@@ -162,9 +165,9 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactSplit
-          tag="Get In Touch"
+          tag="Newsletter"
           title="Ready to bring beauty into your life?"
-          description="Subscribe to our newsletter for exclusive offers, seasonal collections, and floral inspiration delivered straight to your inbox."
+          description="Subscribe to our newsletter for early access to seasonal collections, seasonal tips, and 15% off your first order. Plus exclusive offers and floral inspiration delivered straight to your inbox."
           tagIcon={Mail}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}