Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,11 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroCentered from "@/components/sections/hero/HeroCentered";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
 import {
   Mail,
   MessageCircle,
@@ -126,38 +127,46 @@ export default function LandingPage() {
       </div>
 
       <div id="advanced-features" data-section="advanced-features">
-        <FeatureBorderGlow
+        <HeroBillboardScroll
           title="Built for Teen Creators"
-          description="Simple enough for solopreneurs. Powerful enough for growing channels."
+          description="Simple enough for solopreneurs. Powerful enough for growing channels. Experience smooth scroll-triggered animations as you explore what makes CreatorFlow unique."
           tag="Why CreatorFlow"
+          tagAnimation="slide-up"
+          buttonAnimation="slide-up"
+          background={{ variant: "canvas-reveal" }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-photo-of-a-15-16-year-old-conte-1772775425499-81ffd161.png?_wi=1"
+          imageAlt="CreatorFlow Dashboard Preview"
+          buttons={[
+            { text: "Explore Features", href: "#features" },
+            { text: "Get Started", href: "https://app.creatorflow.io/signup" },
+          ]}
+        />
+      </div>
+
+      <div id="blog" data-section="blog">
+        <BlogCardTwo
+          title="Creator Insights & Stories"
+          description="Learn from teen creators who are crushing it with CreatorFlow. Get tips, tricks, and insider perspectives on managing collaborations."
+          tag="Latest Articles"
+          tagAnimation="slide-up"
+          buttonAnimation="slide-up"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={true}
-          features={[
+          useInvertedBackground={false}
+          carouselMode="buttons"
+          blogs={[
             {
-              icon: Smartphone,
-              title: "Mobile First",              description: "Manage collabs on the go. Full app experience on iPhone and Android."
-            },
+              id: "1",              category: ["Creator Story", "Tips"],
+              title: "How Alex Chen Turned Chaos Into Cash",              excerpt: "From 3 hours of DM chasing per week to 15 minutes of admin work. See how one TikTok creator saved $2k in missed payments.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-photo-of-a-15-16-year-old-conte-1772775425499-81ffd161.png?_wi=2",              imageAlt: "Alex Chen, TikTok Creator",              authorName: "Alex Chen",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-photo-of-a-15-16-year-old-conte-1772775425499-81ffd161.png",              date: "15 Jan 2025"},
             {
-              icon: Zap,
-              title: "Lightning Fast",              description: "Dashboard loads in under 2 seconds. Instant notifications and updates."
-            },
+              id: "2",              category: ["Guide", "Collaboration"],
+              title: "5 Red Flags to Spot in Shady Collab Offers",              excerpt: "Not all brand deals are created equal. Learn how to identify legitimate collaboration requests and protect your personal brand.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-of-a-young-teen-creator-confide-1772775427139-8b25320f.png",              imageAlt: "Red flags in collaborations",              authorName: "Jamie Torres",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/portrait-of-a-young-teen-creator-confide-1772775427139-8b25320f.png",              date: "12 Jan 2025"},
             {
-              icon: Lock,
-              title: "Your Data, Your Control",              description: "Private by default. No enterprise tracking or data selling. GDPR compliant."
-            },
+              id: "3",              category: ["Strategy", "Growth"],
+              title: "Scaling Your Collab Pipeline: From 5 to 50 Requests",              excerpt: "What changes when you go from managing a handful of collabs to juggling dozens? A deep dive into structuring your workflow for growth.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/young-teen-creator-portrait-with-energet-1772775425917-e85c9147.png",              imageAlt: "Scaling collaborations",              authorName: "Casey Kim",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/young-teen-creator-portrait-with-energet-1772775425917-e85c9147.png",              date: "10 Jan 2025"},
             {
-              icon: BarChart3,
-              title: "Analytics Built-In",              description: "Track collab ROI, payment history, and creator network insights at a glance."
-            },
-            {
-              icon: Share2,
-              title: "Export Anywhere",              description: "One-click export to Google Sheets. Sync your data with your existing tools."
-            },
-            {
-              icon: Users,
-              title: "Team Ready",              description: "Invite team members (producers, managers) without extra cost. Share workflows instantly."
-            },
+              id: "4",              category: ["Payment", "Legal"],
+              title: "Getting Paid on Time: Contracts 101 for Teen Creators",              excerpt: "Why you need a contract template, what should be in it, and how CreatorFlow's auto-link system keeps everyone on the same page.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/teen-creator-portrait-showing-diverse-re-1772775425799-73c2858b.png",              imageAlt: "Creator contracts",              authorName: "Morgan Lee",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYfbtCZ5l0aNcatN56DdYclF2R/teen-creator-portrait-showing-diverse-re-1772775425799-73c2858b.png",              date: "8 Jan 2025"},
           ]}
         />
       </div>
@@ -259,7 +268,7 @@ export default function LandingPage() {
             {
               title: "Company",              items: [
                 { label: "About", href: "#" },
-                { label: "Blog", href: "#" },
+                { label: "Blog", href: "#blog" },
                 { label: "Careers", href: "#" },
                 { label: "Contact", href: "#" },
               ],