Update src/app/page.tsx

Merge version_1 into main

src/app/blog/page.tsx

@@ -0,0 +1,96 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import BlogCardOne from "@/components/sections/blog/BlogCardOne";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { useBlogPosts } from "@/hooks/useBlogPosts";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Heart, Leaf, Mail, Sparkles } from "lucide-react";
+
+const footerColumns: FooterColumn[] = [
+    {
+        title: "Product",
+        items: [
+            { label: "Features", href: "/features" },
+            { label: "Pricing", href: "/pricing" },
+            { label: "FAQ", href: "/faq" },
+        ],
+    },
+    {
+        title: "Company",
+        items: [
+            { label: "About", href: "/about" },
+            { label: "Blog", href: "/blog" },
+            { label: "Careers", href: "/careers" },
+        ],
+    },
+    {
+        title: "Resources",
+        items: [
+            { label: "Documentation", href: "/docs" },
+            { label: "Support", href: "/support" },
+            { label: "Contact", href: "/contact" },
+        ],
+    },
+];
+
+export default function BlogPage() {
+    const { posts, isLoading } = useBlogPosts();
+
+    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">
+            <ReactLenis root>
+                <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>
+
+                    {isLoading ? (
+                        <div className="w-content-width mx-auto py-20 text-center">
+                            <p className="text-foreground">Loading posts...</p>
+                        </div>
+                    ) : (
+                        <div id="blog" data-section="blog">
+                            <BlogCardOne
+                                blogs={posts}
+                                title="Latest Articles"
+                                description="Stay updated with our latest insights"
+                                textboxLayout="default"
+                                useInvertedBackground={false}
+                                carouselMode="buttons"
+                                animationType="slide-up"
+                            />
+                        </div>
+                    )}
+
+                    <div id="footer" data-section="footer">
+
+                        <FooterCard logoText="Orio"
+          copyrightText="© 2024 Orio Flowers. Handcrafted with love." />
+                    </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
+

src/app/layout.tsx

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

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"
             }
           ]}
         />
@@ -186,4 +189,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}