Update src/app/shop/page.tsx

src/app/blog/page.tsx

@@ -47,13 +47,13 @@ export default function BlogPage() {
                     <div id="blog" data-section="blog">
                         <BlogCardThree
                             blogs={posts}
-                            title="Featured Articles"
+                            title="Culinary Excellence"
-                            description="Explore our latest culinary insights and dining experiences"
+                            description="Discover the art of Brazilian churrasco and our passion for authentic flavors"
+                            tag="Featured"
                             textboxLayout="default"
                             useInvertedBackground={false}
-                            carouselMode="buttons"
                             animationType="slide-up"
-                            tag="Blog"
+                            carouselMode="buttons"
                             uniformGridCustomHeightClasses="min-h-[600px]"
                         />
                     </div>

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -9,7 +9,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { CheckCircle, ChefHat, Heart, Knife, Sparkles, Star } from "lucide-react";
+import { CheckCircle, ChefHat, Heart, Sparkles, Star } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -26,7 +26,7 @@ export default function LandingPage() {
       headingFontWeight="light"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered 
+        <NavbarStyleCentered
           navItems={[
             { name: "Hero", id: "hero-section" },
             { name: "About", id: "about-section" },
@@ -91,7 +91,7 @@ export default function LandingPage() {
               title: "Authentic Flavors",              description: "Traditional Brazilian recipes passed down through generations, seasoned with aromatic herbs and spices.",              icon: ChefHat
             },
             {
-              title: "Expertly Crafted",              description: "Our skilled artisans prepare each cut with precision, ensuring perfect doneness every time.",              icon: Knife
+              title: "Expertly Crafted",              description: "Our skilled artisans prepare each cut with precision, ensuring perfect doneness every time.",              icon: ChefHat
             },
             {
               title: "Cozy Atmosphere",              description: "Warm, inviting ambiance designed for memorable dining experiences with family and friends.",              icon: Heart
@@ -102,7 +102,10 @@ export default function LandingPage() {
           mediaAnimation="slide-up"
           imagePosition="left"
           textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
+          className="py-16 md:py-24"
+          textBoxClassName="max-w-2xl"
+          mediaWrapperClassName="rounded-xl overflow-hidden shadow-lg"
         />
       </div>
 
@@ -114,7 +117,7 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           textboxLayout="split-description"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           features={[
             {
               id: 1,
@@ -149,7 +152,7 @@ export default function LandingPage() {
           ]}
           buttonAnimation="opacity"
           textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           products={[
@@ -162,7 +165,7 @@ export default function LandingPage() {
             {
               id: "alcatra",              name: "Alcatra",              price: "$24.99",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-beef-steak-with-peppercorn-sauce-wooden-board_140725-11849.jpg",              imageAlt: "Tender Alcatra steak",              initialQuantity: 1
             }
-          ]
+          ]}
         />
       </div>
 
@@ -194,8 +197,13 @@ export default function LandingPage() {
           ]}
           buttonAnimation="opacity"
           textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           ariaLabel="Customer testimonials and reviews section"
+          gridClassName="gap-6 md:gap-8"
+          ratingClassName="flex items-center space-x-1 text-amber-500 mb-2"
+          nameClassName="font-semibold text-gray-800"
+          roleClassName="text-sm text-gray-500"
+          companyClassName="text-xs text-gray-400 italic"
         />
       </div>
 
@@ -217,13 +225,23 @@ export default function LandingPage() {
           textarea={{
             name: "message",            placeholder: "Tell us about your special occasion or dining preferences...",            rows: 4
           }}
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           imageSrc="https://img.b2bpic.net/free-photo/young-female-barista-standing-inside-coffee-counter_93675-135319.jpg"
           imageAlt="Elegant dining room at Fogo de Chão with warm lighting and premium cuts of meat"
           mediaAnimation="slide-up"
           mediaPosition="left"
           buttonText="Send Reservation Request"
           ariaLabel="Contact section for making reservations at Fogo de Chão"
+          className="py-16"
+          containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
+          contentClassName="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"
+          formCardClassName="bg-white rounded-xl shadow-lg p-8"
+          titleClassName="text-3xl md:text-4xl font-bold text-gray-900 mb-4"
+          descriptionClassName="text-lg text-gray-600 mb-6"
+          buttonClassName="bg-pink-600 hover:bg-pink-700 text-white font-semibold py-3 px-6 rounded-lg transition duration-300 ease-in-out transform hover:scale-105"
+          buttonTextClassName="text-base"
+          mediaWrapperClassName="relative overflow-hidden rounded-xl shadow-lg"
+          mediaClassName="w-full h-full object-cover"
         />
       </div>
 

src/app/shop/[id]/page.tsx

@@ -94,8 +94,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                             {"name":"Home","id":"/"},
                             {"name":"Shop","id":"/shop"}
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         brandName="Fogo de Chão"
+                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -127,8 +127,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 {"name":"Home","id":"/"},
                                 {"name":"Shop","id":"/shop"}
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                             brandName="Fogo de Chão"
+                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -167,8 +167,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         {"name":"Home","id":"/"},
                         {"name":"Shop","id":"/shop"}
                     ]}
-                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     brandName="Fogo de Chão"
+                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                 />
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">

src/app/shop/page.tsx

@@ -37,8 +37,8 @@ function ShopPageContent() {
                             {"name":"Home","id":"/"},
                             {"name":"Shop","id":"/shop"}
                         ]}
-                        button={{ text: "Cart", onClick: () => console.log("cart") }}
                         brandName="Fogo de Chão"
+                        button={{ text: "Cart", onClick: () => console.log("cart") }}
                     />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -69,8 +69,8 @@ function ShopPageContent() {
                         {"name":"Home","id":"/"},
                         {"name":"Shop","id":"/shop"}
                     ]}
-                    button={{ text: "Cart", onClick: () => console.log("cart") }}
                     brandName="Fogo de Chão"
+                    button={{ text: "Cart", onClick: () => console.log("cart") }}
                 />
                 </div>
                 <div id="productCatalog" data-section="productCatalog">