src/app/blog/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Features", id: "/features" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "Blog", id: "/blog" },
+                { name: "Contact", id: "/contact" }
+            ]}
+            brandName="AIProfitLab"
+            />
+        </div>
+
+        <div className="min-h-screen py-24 px-6 md:px-12 flex flex-col items-center justify-center">
+            <h1 className="text-4xl md:text-5xl font-bold mb-8">How to Automate Your First $1,000 with AI</h1>
+            <div className="max-w-3xl space-y-6 text-lg">
+                <p><strong>The Hook:</strong> Most people think AI requires a Ph.D. or a $10,000 budget. What if I told you that your first $1,000 in AI-automated profit is waiting for you in the cracks of inefficiencies you see every single day?</p>
+                <p><strong>Step 1: Identify the Friction.</strong> Look for repetitive tasks in your industry—whether it's summarizing meeting notes, drafting social media posts, or managing customer inquiries. That friction is your gold mine.</p>
+                <p><strong>Step 2: The Tooling Layer.</strong> Use simple, low-code tools like Zapier for orchestration and GPT-4 or Claude for the heavy lifting. You don't need to write a single line of code; you just need to connect the dots.</p>
+                <p><strong>Step 3: The Offer.</strong> Package this solution for someone else. Don't just build a bot; sell the time you're saving them.</p>
+                <p><strong>Emotional Insight:</strong> It isn't just about the money. It's about buying back the one resource you can never replace: your time. When you automate, you're not just a worker anymore; you're the architect of your own workflow.</p>
+                <div className="p-8 bg-card rounded-2xl mt-12">
+                    <h3 className="text-xl font-bold mb-4">Video Script Blueprint:</h3>
+                    <ul className="list-decimal pl-6 space-y-2">
+                        <li><strong>0:00-0:15:</strong> The "Pattern Interrupt" Hook (Show a manual task being done in 5 minutes, then the AI doing it in 5 seconds).</li>
+                        <li><strong>0:15-1:00:</strong> The Problem Statement (The cost of manual labor).</li>
+                        <li><strong>1:00-2:30:</strong> The Walkthrough (Screen-share the exact Zapier/AI setup).</li>
+                        <li><strong>2:30-3:00:</strong> Call to Action: "Join the AIProfitLab community to get the template for this exact automation."</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+            logoText="AIProfitLab"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,22 +29,23 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Features", id: "features" },
-        { name: "Metrics", id: "metrics" },
-        { name: "Products", id: "products" },
-        { name: "Pricing", id: "pricing" },
-        { name: "Testimonials", id: "testimonials" },
-        { name: "FAQ", id: "faq" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="AIProfitLab"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "hero" },
+                { name: "About", id: "about" },
+                { name: "Features", id: "features" },
+                { name: "Metrics", id: "metrics" },
+                { name: "Products", id: "products" },
+                { name: "Pricing", id: "pricing" },
+                { name: "Testimonials", id: "testimonials" },
+                { name: "FAQ", id: "faq" },
+                { name: "Contact", id: "contact" },
+                { name: "Blog", id: "/blog" }
+            ]}
+            brandName="AIProfitLab"
+            />
+        </div>
 
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
@@ -189,4 +190,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}