diff --git a/src/app/page.tsx b/src/app/page.tsx
index e8e090c..d9317e6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Sparkles, ShoppingBag, Award, Flame, Heart, BarChart3, Zap, Users, Star, Globe } from "lucide-react";
 
-export default function SneakerHubLanding() {
+export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -34,9 +34,7 @@ export default function SneakerHubLanding() {
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{
-            text: "Shop Now",            href: "#products"
-          }}
+          button={{ text: "Shop Now", href: "#products" }}
         />
       </div>
 
@@ -50,7 +48,7 @@ export default function SneakerHubLanding() {
           background={{ variant: "plain" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/low-section-unrecognizable-people-activewear-standing-wall-building_1098-19236.jpg",              imageAlt: "Premium sneaker collection showcase"
+              imageSrc: "http://img.b2bpic.net/free-photo/sports-girls-training-summer-park_1157-37284.jpg",              imageAlt: "Premium sneaker collection showcase"
             },
             {
               imageSrc: "http://img.b2bpic.net/free-photo/woman-tying-shoelaces-side-view_23-2149596382.jpg",              imageAlt: "Trending casual sneaker styles"
@@ -68,6 +66,9 @@ export default function SneakerHubLanding() {
       </div>
 
       <div id="products" data-section="products">
+        <div className="text-center mb-8">
+          <p className="text-sm font-semibold text-primary-cta tracking-wide uppercase">Join 50,000+ Sneaker Enthusiasts</p>
+        </div>
         <ProductCardThree
           title="Shop Our Collection"
           description="Browse our curated selection of premium sneakers from the world's top brands. Quality, style, and comfort in every pair."
@@ -79,7 +80,7 @@ export default function SneakerHubLanding() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "1",              name: "Nike Air Force 1",              price: "$120.00",              imageSrc: "http://img.b2bpic.net/free-photo/sports-girls-training-summer-park_1157-37284.jpg",              imageAlt: "Nike Air Force 1 Premium White",              initialQuantity: 1
+              id: "1",              name: "Nike Air Force 1",              price: "$120.00",              imageSrc: "http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg",              imageAlt: "Nike Air Force 1 Premium White",              initialQuantity: 1
             },
             {
               id: "2",              name: "Adidas Ultraboost",              price: "$180.00",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-legs-keds-going-down-stairs_176420-55081.jpg",              imageAlt: "Adidas Ultraboost Performance Sneaker",              initialQuantity: 1
@@ -101,7 +102,7 @@ export default function SneakerHubLanding() {
           textboxLayout="default"
           useInvertedBackground="invertDefault"
           animationType="slide-up"
-          gridVariant="uniform-4-items"
+          gridVariant="four-items-2x2-equal-grid"
           features={[
             {
               id: "1",              title: "Premium Quality",              description: "Authentic sneakers from verified brand partners. Every pair meets our rigorous quality standards.",              imageSrc: "http://img.b2bpic.net/free-photo/male-engineer-reading-documents-while-checking-quality-manufactured-steel-rood-industrial-building_637285-4075.jpg",              imageAlt: "Premium quality sneaker craftsmanship"
@@ -186,10 +187,22 @@ export default function SneakerHubLanding() {
           useInvertedBackground={false}
           animationType="depth-3d"
           metrics={[
-            { id: "1", icon: Users, title: "Happy Customers", value: "50,000+" },
-            { id: "2", icon: ShoppingBag, title: "Products Sold", value: "100,000+" },
-            { id: "3", icon: Star, title: "Average Rating", value: "4.9/5" },
-            { id: "4", icon: Globe, title: "Countries Served", value: "45+" }
+            {
+              id: "1",              icon: Users,
+              title: "Happy Customers",              value: "50,000+"
+            },
+            {
+              id: "2",              icon: ShoppingBag,
+              title: "Products Sold",              value: "100,000+"
+            },
+            {
+              id: "3",              icon: Star,
+              title: "Average Rating",              value: "4.9/5"
+            },
+            {
+              id: "4",              icon: Globe,
+              title: "Countries Served",              value: "45+"
+            }
           ]}
         />
       </div>