Update src/app/page.tsx

src/app/layout.tsx

@@ -17,7 +17,8 @@ export const metadata: Metadata = {
   openGraph: {
     title: "Bean Haven - Premium Specialty Coffee",    description: "Artisan coffee roasted to perfection. Discover our single-origin blends and signature espresso drinks.",    type: "website",    siteName: "Bean Haven",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg",        alt: "Premium specialty coffee"},
+        url: "https://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg",        alt: "Premium specialty coffee"
+      },
     ],
   },
   twitter: {

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -9,7 +9,7 @@ import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSocial from '@/components/sections/footer/FooterSocial';
-import { Coffee, Leaf, Flame, Instagram, Facebook, Twitter, Youtube } from "lucide-react";
+import { Coffee, Leaf, Flame, Instagram, Facebook, Twitter, Youtube, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -44,7 +44,7 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroLogoBillboard
           logoText="Bean Haven"
-          description="Artisan coffee roasted to perfection. Discover our single-origin blends and signature espresso drinks."
+          description="Artisan coffee roasted to perfection. Discover our single-origin blends and signature espresso drinks crafted with passion and precision."
           imageSrc="https://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg"
           imageAlt="Premium specialty coffee"
           frameStyle="card"
@@ -103,8 +103,13 @@ export default function LandingPage() {
           title="Our Coffee Journey"
           description="From farm to cup, experience the meticulous process behind every perfect brew."
           tag="Process"
-          textboxLayout="default"
+          textboxLayout="split-actions"
           useInvertedBackground="invertDefault"
+          buttons={[
+            {
+              text: "Shop Now",              href: "#products"
+            }
+          ]}
           features={[
             {
               id: 1,
@@ -131,8 +136,16 @@ export default function LandingPage() {
           title="What Our Customers Love"
           description="Join thousands of coffee enthusiasts who've made Bean Haven their go-to roaster."
           tag="Reviews"
-          textboxLayout="default"
+          textboxLayout="split-actions"
           useInvertedBackground="noInvert"
+          buttons={[
+            {
+              text: "Start Your Subscription",              href: "#contact"
+            },
+            {
+              text: "Shop Coffee Beans",              href: "#products"
+            }
+          ]}
           testimonials={[
             {
               id: "1",              quote: "The quality and freshness of these beans is exceptional. My mornings have completely transformed since I switched to Bean Haven.",              name: "Sarah Mitchell",              role: "Coffee Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Mitchell"
@@ -159,6 +172,7 @@ export default function LandingPage() {
       <div id="contact" data-section="contact">
         <ContactSplit
           tag="Stay Connected"
+          tagIcon={Mail}
           title="Join Our Coffee Club"
           description="Subscribe to receive exclusive blends, brewing tips, and special discounts delivered to your inbox."
           useInvertedBackground="invertDefault"