Update src/app/page.tsx

Merge version_14 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -16,16 +16,16 @@ 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-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -41,35 +41,21 @@ export default function LandingPage() {
         </div>
 
         <div id="home" data-section="home">
-          <HeroCentered
+          <HeroSplit
             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."
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "Business Leader" },
-              { src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Business Partner" },
-              { src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", alt: "Manager" },
-              { src: "http://img.b2bpic.net/free-photo/multi-ethnic-team-business-trip_1098-15488.jpg", alt: "Team Member" },
-              { src: "http://img.b2bpic.net/free-photo/positive-business-partners-meeting-office-building-shaking-hands-with-each-other-side-view-medium-shot-corporate-communication-handshake-concept_74855-7728.jpg", alt: "Partner" }
-            ]}
             buttons={[
               { text: "Explore Products", href: "#products" },
               { text: "Contact Us", href: "#contact" }
             ]}
-            avatarText="Trusted by 500+ partners"
-            marqueeItems={[
-              { type: "text-icon", text: "Reliable Logistics", icon: Truck },
-              { type: "text-icon", text: "Bulk Pricing", icon: DollarSign },
-              { type: "text-icon", text: "Quality Assured", icon: CheckCircle },
-              { type: "text-icon", text: "Global Supply", icon: Globe },
-              { type: "text-icon", text: "Regional Experts", icon: MapPin }
-            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/spoons-bag-with-rice_23-2147897533.jpg?_wi=1"
+            mediaAnimation="slide-up"
           />
         </div>
 
         <div id="about" data-section="about">
           <AboutMetric
-            useInvertedBackground={false}
             title="Serving Across Borders"
             metrics={[
               { icon: MapPin, label: "Regional Presence", value: "2 Countries" },
@@ -77,6 +63,7 @@ export default function LandingPage() {
               { icon: Award, label: "Customer Satisfaction", value: "99%" }
             ]}
             metricsAnimation="slide-up"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -87,7 +74,7 @@ export default function LandingPage() {
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={false}
             products={[
-              { id: "p1", brand: "Sam's Selection", name: "Premium Basmati Rice", price: "$12.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/spoons-bag-with-rice_23-2147897533.jpg" },
+              { id: "p1", brand: "Sam's Selection", name: "Premium Basmati Rice", price: "$12.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/spoons-bag-with-rice_23-2147897533.jpg?_wi=2" },
               { id: "p2", brand: "Sam's Selection", name: "Pure White Sugar", price: "$8.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/row-cookies-open-box_23-2147975215.jpg" },
               { id: "p3", brand: "Sam's Selection", name: "Sunflower Cooking Oil", price: "$15.00", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/raw-yellow-brown-semolina-pasta-with-glass-bottle-oil_114579-38579.jpg" },
               { id: "p4", brand: "Sam's Selection", name: "Premium Jasmine Rice", price: "$14.00", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-different-organic-ingredients_23-2148685804.jpg" },
@@ -149,11 +136,11 @@ export default function LandingPage() {
 
         <div id="contact" data-section="contact">
           <ContactCenter
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
             tag="Get in touch"
             title="Need a Quote?"
             description="Reach out to Sam's Trading for bulk orders or partnership inquiries."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>
 
@@ -167,4 +154,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}