diff --git a/src/app/page.tsx b/src/app/page.tsx
index 44b7949..8d15d30 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,13 +9,12 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Zap, Shield, Star, CheckCircle } from 'lucide-react';
 
 const navItems = [{ name: "Home", id: "/" }];
 
 export default function HomePage() {
   return (
-    <ThemeProvider background="none" cardStyle="glass-elevated" defaultButtonVariant="hover-magnetic" borderRadius="rounded" contentWidth="medium" sizing="medium" defaultTextAnimation="entrance-slide" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider background="circleGradient" cardStyle="glass-elevated" defaultButtonVariant="hover-magnetic" borderRadius="rounded" contentWidth="medium" sizing="medium" defaultTextAnimation="entrance-slide" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay navItems={navItems} brandName="TMS" />
       </div>