From 53d320987405d1a8dd6ecb4aca34efef85341a0a Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Thu, 5 Feb 2026 14:49:06 +0000
Subject: [PATCH] Bob AI: add section with our bestsellers after hero

---
 src/app/page.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f483177..9dfbd65 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Sparkles, TrendingUp, Star, Crown, Users, Award, Zap, Mail } from "lucide-react";
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 
 export default function LandingPage() {
   return (
@@ -210,6 +211,25 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Discover Our Bestsellers"
+          description="Explore the top-selling iPhone models that everyone is talking about."
+          background={{ variant: "downward-rays-animated" }}
+          buttons={[
+            {
+              label: "Shop Now",
+              href: "/products",
+              variant: "primary",
+            },
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+          imageAlt="iPhone Bestsellers"
+          imagePosition="right"
+          className="py-16"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[