Update src/app/page.tsx

src/app/page.tsx

@@ -5,13 +5,14 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
 import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import TeamCardThree from '@/components/sections/team/TeamCardThree';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Award, Beaker, Beer, Flame, Sparkles, Star, Users, Linkedin, Globe } from "lucide-react";
+import { Award, Beaker, Flame, Sparkles, Star, Users, Linkedin, Globe } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -61,6 +62,67 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="best-tonys-hookahs" data-section="best-tonys-hookahs">
+        <ProductCardOne
+          title="Best Tony's Hookahs"
+          description="Discover our premium collection of Tony's finest hookahs, crafted with precision and quality for the perfect smoking experience."
+          tag="Premium Selection"
+          tagIcon={Sparkles}
+          products={[
+            {
+              id: "1",
+              name: "Tony's Signature Copper",
+              price: "$89",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-signature-copper.jpg",
+              imageAlt: "Tony's Signature Copper Hookah"
+            },
+            {
+              id: "2",
+              name: "Tony's Royal Black",
+              price: "$109",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-royal-black.jpg",
+              imageAlt: "Tony's Royal Black Hookah"
+            },
+            {
+              id: "3",
+              name: "Tony's Crystal Glass",
+              price: "$129",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-crystal-glass.jpg",
+              imageAlt: "Tony's Crystal Glass Hookah"
+            },
+            {
+              id: "4",
+              name: "Tony's Golden Elite",
+              price: "$149",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-golden-elite.jpg",
+              imageAlt: "Tony's Golden Elite Hookah"
+            },
+            {
+              id: "5",
+              name: "Tony's Luxury Deluxe",
+              price: "$179",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-luxury-deluxe.jpg",
+              imageAlt: "Tony's Luxury Deluxe Hookah"
+            },
+            {
+              id: "6",
+              name: "Tony's Premium Master",
+              price: "$199",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/hookah/tony-premium-master.jpg",
+              imageAlt: "Tony's Premium Master Hookah"
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          carouselMode="buttons"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          buttons={[
+            { text: "View All Hookahs", href: "contact" }
+          ]}
+        />
+      </div>
+
       <div id="about" data-section="about">
         <MediaSplitAbout
           title="Our Brewing Heritage"
@@ -168,7 +230,7 @@ export default function LandingPage() {
               value: "50K",
               title: "Bottles",
               description: "Brewed annually with quality control",
-              icon: Beer
+              icon: Beaker
             },
             {
               id: "2",