src/app/page.tsx

@@ -16,20 +16,20 @@ import { Award, CheckCircle, DollarSign, Globe, MapPin, Truck } from "lucide-rea
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="mediumSmall"
-        sizing="mediumLargeSizeMediumTitles"
-        background="blurBottom"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-            <NavbarStyleFullscreen
+          <NavbarStyleFullscreen
             navItems={[
               { name: "Home", id: "home" },
               { name: "About", id: "about" },
@@ -41,7 +41,7 @@ export default function LandingPage() {
         </div>
 
         <div id="home" data-section="home">
-            <HeroCentered
+          <HeroCentered
             background={{ variant: "plain" }}
             title="Quality Staples for Your Business"
             description="Sam's Trading delivers premium rice, sugar, and cooking oil across Lebanon and Iraq. Trusted quality for every home and business."
@@ -68,7 +68,7 @@ export default function LandingPage() {
         </div>
 
         <div id="about" data-section="about">
-            <AboutMetric
+          <AboutMetric
             useInvertedBackground={false}
             title="Serving Across Borders"
             metrics={[
@@ -81,7 +81,7 @@ export default function LandingPage() {
         </div>
 
         <div id="products" data-section="products">
-            <ProductCardTwo
+          <ProductCardTwo
             animationType="slide-up"
             textboxLayout="default"
             gridVariant="three-columns-all-equal-width"
@@ -100,14 +100,14 @@ export default function LandingPage() {
         </div>
 
         <div id="features" data-section="features">
-            <FeatureBento
+          <FeatureBento
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { title: "Premium Quality", description: "Strict quality control on all food staples.", bentoComponent: "reveal-icon", icon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/cooking-ingredients-kitchen_53876-47074.jpg", imageAlt: "staple food supply warehouse" },
-              { title: "Global Logistics", description: "Efficient supply chains in Lebanon and Iraq.", bentoComponent: "reveal-icon", icon: Globe, imageSrc: "http://img.b2bpic.net/free-photo/spoons-bag-with-rice_23-2147897533.jpg", imageAlt: "staple food supply warehouse" },
-              { title: "Bulk Pricing", description: "Competitive rates for wholesale partners.", bentoComponent: "reveal-icon", icon: DollarSign, imageSrc: "http://img.b2bpic.net/free-photo/row-cookies-open-box_23-2147975215.jpg", imageAlt: "staple food supply warehouse" }
+              { title: "Premium Quality", description: "Strict quality control on all food staples.", bentoComponent: { revealIcon: { icon: CheckCircle } } },
+              { title: "Global Logistics", description: "Efficient supply chains in Lebanon and Iraq.", bentoComponent: { revealIcon: { icon: Globe } } },
+              { title: "Bulk Pricing", description: "Competitive rates for wholesale partners.", bentoComponent: { revealIcon: { icon: DollarSign } } }
             ]}
             title="Why Choose Sam's Trading"
             description="Reliability, quality, and community support in everything we do."
@@ -115,7 +115,7 @@ export default function LandingPage() {
         </div>
 
         <div id="testimonials" data-section="testimonials">
-            <TestimonialCardOne
+          <TestimonialCardOne
             animationType="slide-up"
             textboxLayout="default"
             gridVariant="uniform-all-items-equal"
@@ -133,7 +133,7 @@ export default function LandingPage() {
         </div>
 
         <div id="faq" data-section="faq">
-            <FaqDouble
+          <FaqDouble
             textboxLayout="default"
             useInvertedBackground={false}
             faqs={[
@@ -148,7 +148,7 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-            <ContactCenter
+          <ContactCenter
             useInvertedBackground={false}
             background={{ variant: "plain" }}
             tag="Get in touch"
@@ -158,7 +158,7 @@ export default function LandingPage() {
         </div>
 
         <div id="footer" data-section="footer">
-            <FooterLogoReveal
+          <FooterLogoReveal
             logoText="Sam's Trading"
             leftLink={{ text: "Terms of Service", href: "#" }}
             rightLink={{ text: "Privacy Policy", href: "#" }}