Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,11 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 
 export default function LandingPage() {
   return (
@@ -26,7 +26,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline
+          <NavbarStyleCentered
             navItems={[
               { name: "Home", id: "home" },
               { name: "Menu", id: "menu" },
@@ -39,10 +39,10 @@ export default function LandingPage() {
         </div>
 
         <div id="home" data-section="home">
-          <HeroBillboard
+          <HeroSplit
             title="Real Smoke. Real Flavour."
             description="Adelaide's premier destination for low-and-slow smoked meats. Authentic BBQ culture, urban vibe, and unmatched taste."
-            background={{ variant: "gradient-bars" }}
+            background={{ variant: "sparkles-gradient" }}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/a-hyper-realistic-cinematic-shot-of-prem-1774610696504-46ffe47f.png"
             buttons={[
               { text: "Order Now", href: "#menu" },
@@ -52,16 +52,15 @@ export default function LandingPage() {
         </div>
 
         <div id="about" data-section="about">
-          <TextSplitAbout
-            title="The Smokingood Story"
-            description={[
-              "Born in the heart of Adelaide, Smokingood ADL brings deep southern BBQ traditions to the urban streets. We are obsessed with the process—using local quality produce, premium wood, and patience to create bold, smoky perfection."]}
+          <InlineImageSplitTextAbout
+            heading={[{ type: 'text', content: "The Smokingood Story" }]}
+            buttons={[{ text: "Discover Our Process", href: "#about" }]}
             useInvertedBackground={false}
           />
         </div>
 
         <div id="menu" data-section="menu">
-          <ProductCardOne
+          <ProductCardTwo
             title="Signature Smoked Meats"
             description="Our hand-selected menu of pit-master classics."
             gridVariant="three-columns-all-equal-width"
@@ -69,25 +68,23 @@ export default function LandingPage() {
             textboxLayout="split-description"
             useInvertedBackground={false}
             products={[
-              { id: "p1", name: "Texas Brisket", price: "$28", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/an-artisan-gourmet-burger-with-charred-s-1774610696543-592e0ee1.png" },
-              { id: "p2", name: "Loaded Brisket Fries", price: "$18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/loaded-fries-with-smoked-brisket-and-mel-1774610699075-216de55d.png" },
-              { id: "p3", name: "Sticky BBQ Ribs", price: "$32", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/sticky-bbq-glazed-ribs-on-a-rustic-tray--1774610695899-c445f2c7.png" },
+              { id: "p1", brand: "Pitmaster", name: "Texas Brisket", price: "$28", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/an-artisan-gourmet-burger-with-charred-s-1774610696543-592e0ee1.png" },
+              { id: "p2", brand: "Pitmaster", name: "Loaded Brisket Fries", price: "$18", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/loaded-fries-with-smoked-brisket-and-mel-1774610699075-216de55d.png" },
+              { id: "p3", brand: "Pitmaster", name: "Sticky BBQ Ribs", price: "$32", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/sticky-bbq-glazed-ribs-on-a-rustic-tray--1774610695899-c445f2c7.png" },
             ]}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardSix
+          <TestimonialCardTwo
             title="Fired Up Fans"
             description="See what the street food scene is saying."
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
             testimonials={[
-              { id: "1", name: "Jordan P.", handle: "@foodie_adl", testimonial: "The best brisket I've ever had in Adelaide, period.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/abstract-background-of-bbq-grill-sparks-1774610695824-04a91b2e.png?_wi=1" },
-              { id: "2", name: "Sam R.", handle: "@smoke_lover", testimonial: "Vibe is incredible and the loaded fries are insane.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/smoke-swirling-on-dark-background-1774610695627-1af7c77f.png" },
-              { id: "3", name: "Alex K.", handle: "@bbq_daily", testimonial: "Proper smoke flavor. Authentic and so delicious.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/charcoal-and-fire-background-1774610695855-b71c19b0.png" },
-              { id: "4", name: "Casey L.", handle: "@adelaideeats", testimonial: "Smokingood is a total game changer for the local BBQ scene.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/abstract-background-of-bbq-grill-sparks-1774610695824-04a91b2e.png?_wi=2" },
+              { id: "1", name: "Jordan P.", role: "Foodie", testimonial: "The best brisket I've ever had in Adelaide, period.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/abstract-background-of-bbq-grill-sparks-1774610695824-04a91b2e.png?_wi=1" },
+              { id: "2", name: "Sam R.", role: "BBQ Fan", testimonial: "Vibe is incredible and the loaded fries are insane.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWhIbs3Ia8OA1PZFxe1L1ReyXP/smoke-swirling-on-dark-background-1774610695627-1af7c77f.png" },
             ]}
           />
         </div>
@@ -117,4 +114,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}