diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index f951c9c..25ef308 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,8 +11,8 @@ import { Source_Sans_3 } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Webild Platform',
-  description: 'Leading innovation and scalable solutions.',
+  title: 'Webild - Future of Components',
+  description: 'Building the future of modern, high-performance web components.',
   openGraph: {
     "title": "Ironwood Queue System",
     "description": "نظام قائمة انتظار متطور للمطاعم.",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b00133c..e90b77d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Shield, Zap, CheckCircle, Star, Target, MessageSquare } from 'lucide-react';
+import { Shield, Zap, CheckCircle, Star } from 'lucide-react';
 
 export default function HomePage() {
   const navItems = [
@@ -20,7 +20,7 @@ export default function HomePage() {
   ];
 
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
         <NavbarStyleApple navItems={navItems} brandName="Webild" />
       </div>
@@ -31,7 +31,7 @@ export default function HomePage() {
         <FeatureCardEight 
           title="Core Features" 
           description="Powerful components for modern apps."
-          features={[{ title: "Fast", description: "High performance." }, { title: "Secure", description: "Safety first." }]} 
+          features={[{ title: "Fast", description: "High performance.", imageSrc: "https://images.unsplash.com/photo-1558494949-ef010bbbb315?q=80&w=600&auto=format&fit=crop" }, { title: "Secure", description: "Safety first.", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?q=80&w=600&auto=format&fit=crop" }]} 
           textboxLayout="default"
           useInvertedBackground={false}
         />