src/pages/HomePage.tsx

@@ -20,7 +20,8 @@ import CertificationsSection from './HomePage/sections/Certifications';
 import ClientLogosSection from './HomePage/sections/ClientLogos';
 import FloatingCtaSection from './HomePage/sections/FloatingCta';
 import GuaranteeSection from './HomePage/sections/Guarantee';
-import BackgroundMusicSection from './HomePage/sections/BackgroundMusic';export default function HomePage(): React.JSX.Element {
+import BackgroundMusicSection from './HomePage/sections/BackgroundMusic';
+import NewsletterSection from './HomePage/sections/Newsletter';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
@@ -42,6 +43,7 @@ import BackgroundMusicSection from './HomePage/sections/BackgroundMusic';export
       <GuaranteeSection />
 
   <ContactSection />
+      <NewsletterSection />
           <FloatingCtaSection />
           <BackgroundMusicSection />
     </>

src/pages/HomePage/sections/Newsletter.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import TextAnimation from '@/components/ui/TextAnimation';
+import Input from '@/components/ui/Input';
+import Button from '@/components/ui/Button';
+import Tag from '@/components/ui/Tag';
+
+export default function NewsletterSection() {
+  return (
+    <div data-webild-section="newsletter" id="newsletter" className="py-24 bg-background">
+      <div className="w-content-width mx-auto text-center flex flex-col items-center">
+        <Tag text="Industry Insights" className="mb-6" />
+        <TextAnimation 
+          text="Join Our Artisan Community" 
+          variant="slide-up" 
+          tag="h2" 
+          gradientText={false} 
+          className="text-4xl font-bold text-foreground mb-4" 
+        />
+        <p className="text-lg text-accent mb-8 max-w-2xl">
+          Not ready to order yet? Subscribe to our newsletter for baking tips, behind-the-scenes stories, and exclusive early access to seasonal loaves.
+        </p>
+        <form className="flex flex-col sm:flex-row gap-4 justify-center w-full max-w-md" onSubmit={(e) => e.preventDefault()}>
+          <Input 
+            type="email" 
+            placeholder="Enter your email address"
+            className="flex-1"
+            required
+          />
+          <Button 
+            text="Subscribe"
+            variant="primary"
+            className="w-full sm:w-auto"
+          />
+        </form>
+      </div>
+    </div>
+  );
+}