Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -43,17 +43,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{ variant: "sparkles-gradient" }}
-      title="Cinematic Car Edits, Reimagined."
-      description="Level up your brand with high-octane, professional video edits that command attention."
-      tag="Trusted by 100+ car creators"
-      buttons={[{ text: "View Portfolio", href: "#portfolio" }]}
+      title="Cinematic Car Edits That Turn Machines Into Art"
+      description="High-quality automotive edits, reels, and visual storytelling built for car lovers and performance enthusiasts"
+      tag="Professional Automotive Storytelling"
+      buttons={[
+        { text: "View My Edits", href: "#portfolio" },
+        { text: "Contact Me", href: "#contact" }
+      ]}
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149092002.jpg", imageAlt: "Widebody car neon night" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920950.jpg", imageAlt: "Luxury car silhouette" }
+        { videoSrc: "https://www.w3schools.com/howto/rain.mp4?_wi=1", imageAlt: "Looping car montage drift" },
+        { videoSrc: "https://www.w3schools.com/howto/rain.mp4?_wi=2", imageAlt: "Cinematic night car shots" }
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
-      ratingText="Based on 150+ stellar reviews"
+      ratingText="Trusted by performance enthusiasts"
       tagIcon={Sparkles}
     />
   </div>
@@ -62,9 +65,7 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        { type: "text", content: "Turning Raw Footage into " },
-        { type: "image", src: "http://img.b2bpic.net/free-photo/professional-editor-using-retouching-software-photos-design-studio-with-photography-equipment-technology-media-artist-editing-pictures-with-computer-touch-screen-monitor_482257-34109.jpg", alt: "Edit workspace" },
-        { type: "text", content: " High-Velocity Art." },
+        { type: "text", content: "About SxprxEditz Edits: Transforming raw car footage into cinematic masterpieces." },
       ]}
     />
   </div>
@@ -101,17 +102,17 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardEleven
+      <MetricCardSeven
       animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        { id: "m1", value: "1.2M+", title: "Combined Followers", description: "Across all client channels.", imageSrc: "http://img.b2bpic.net/free-psd/followers-notification-icon-with-number-320_314999-3870.jpg" },
-        { id: "m2", value: "500+", title: "Satisfied Clients", description: "Trusted globally.", imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-word-success_1156-188.jpg" },
-        { id: "m3", value: "2000+", title: "Projects Completed", description: "Countless hours of editing.", imageSrc: "http://img.b2bpic.net/free-photo/paper-clips-keyboard-laptop-labels-wooden-desk_23-2148042069.jpg" },
+        { id: "m1", value: "50", title: "Followers", items: [] },
+        { id: "m2", value: "33", title: "Videos Uploaded", items: [] },
+        { id: "m3", value: "8", title: "Followed", items: [] },
       ]}
-      title="Our Impact"
-      description="Proven results for growing car channels."
+      title="My Stats"
+      description="Follow the growth journey of SxprxEditz."
     />
   </div>