src/app/page.tsx

@@ -18,7 +18,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="smallMedium"
       sizing="mediumLargeSizeLargeTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="layered"
@@ -42,7 +42,7 @@ export default function LandingPage() {
         <HeroSplitKpi
           title="Elevate Your Tech Style"
           description="Premium clothing for the modern innovator. Where cutting-edge design meets exceptional comfort. Transform your wardrobe with PC Upgrader's curated collection of tech-inspired apparel."
-          background={{ variant: "grid" }}
+          background={{ variant: "glowing-orb" }}
           kpis={[
             { value: "10K+", label: "Style Enthusiasts" },
             { value: "99%", label: "Customer Satisfaction" },
@@ -95,7 +95,6 @@ export default function LandingPage() {
           useInvertedBackground={false}
           className="w-full"
           containerClassName="w-full"
-          titleClassName="text-4xl md:text-5xl font-extrabold"
           descriptionClassName="text-lg"
         />
       </div>
@@ -124,7 +123,6 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           className="w-full"
           containerClassName="w-full"
-          titleClassName="text-4xl md:text-5xl font-extrabold"
           descriptionClassName="text-lg"
         />
       </div>
@@ -158,7 +156,6 @@ export default function LandingPage() {
           carouselMode="buttons"
           className="w-full"
           containerClassName="w-full"
-          titleClassName="text-4xl md:text-5xl font-extrabold"
           descriptionClassName="text-lg"
         />
       </div>
@@ -176,7 +173,6 @@ export default function LandingPage() {
           metricsAnimation="slide-up"
           className="w-full"
           containerClassName="w-full"
-          titleClassName="text-4xl md:text-5xl font-extrabold"
         />
       </div>