diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 956345a..5ea459c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -10,8 +10,8 @@ import { Playfair_Display, Cormorant_Garamond, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'The Hangar | Premium Billiards & Pool Hall',
-  description: 'Experience professional-grade billiards in an atmospheric setting at The Hangar. Book your table today.',
+  title: 'Webild | Modern Component Library',
+  description: 'High-performance, customizable components for modern web applications.',
   openGraph: {
     "title": "The Hangar",
     "description": "The premier billiards destination.",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9cae0e7..fd02d00 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,91 +1,102 @@
 "use client";
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import ContactText from '@/components/sections/contact/ContactText';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
+import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Zap, Shield, Star, Globe } from "lucide-react";
 
-export default function HomePage() {
+export default function Page() {
   const navItems = [
-    { name: "Home", id: "hero" },
-    { name: "Tables", id: "tables" },
-    { name: "Reviews", id: "reviews" },
-    { name: "Contact", id: "contact" }
+    { name: "Home", id: "/" },
+    { name: "Features", id: "/#features" },
+    { name: "Products", id: "/#tables" },
+    { name: "Reviews", id: "/#reviews" },
+    { name: "Contact", id: "/#contact" }
   ];
 
   return (
-    <ThemeProvider 
-      background="circleGradient" 
-      cardStyle="glass-elevated" 
-      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="entrance-slide" 
-      borderRadius="rounded" 
-      contentWidth="medium" 
-      sizing="medium" 
-      primaryButtonStyle="gradient" 
-      secondaryButtonStyle="glass" 
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      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">
-        <NavbarStyleCentered navItems={navItems} brandName="The Hangar" logoAlt="The Hangar Logo" />
+        <NavbarStyleCentered navItems={navItems} brandName="Webild" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroSplitDoubleCarousel 
-          background={{ variant: "gradient-bars" }} 
-          title="Precision. Elegance. The Hangar." 
-          description="Experience premium billiards in a setting crafted for the true enthusiast. Step into our world of refined competition." 
-          leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-white-billiard-balls_23-2148299269.jpg", imageAlt: "billiards pool hall dark interior" }, { imageSrc: "http://img.b2bpic.net/free-photo/bowling-balls-arrangement-still-life_23-2150565689.jpg", imageAlt: "professional billiard cues rack" }]} 
-          rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-pool-bar_53876-14524.jpg", imageAlt: "classic wooden pool table design" }, { imageSrc: "http://img.b2bpic.net/free-photo/green-vanity-front-dark-handle-minimalist-decor_169016-69360.jpg", imageAlt: "professional billiards table felt" }]} 
-          buttons={[{ text: "Book a Table", href: "#contact" }]} 
+        <HeroSplitDoubleCarousel
+          title="Build Your Future with Webild"
+          description="Next-generation components designed for modern web development. Experience speed, reliability, and style in every line of code."
+          background={{ variant: "animated-grid" }}
+          leftCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe", imageAlt: "Abstract 3D Shape" }]}
+          rightCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1614850523459-c2f4c699c52e", imageAlt: "Abstract 3D Shape" }]}
+          buttons={[{ text: "Get Started", href: "#contact" }]}
         />
       </div>
       <div id="features" data-section="features">
-        <FeatureCardTwentyOne 
-          title="Why Choose The Hangar" 
-          description="Unmatched amenities for every level of player." 
-          accordionItems={[{ id: "1", title: "Championship Tables", content: "Professional grade tables maintained daily for perfect play." }, { id: "2", title: "Premium Cues", content: "A vast collection of professional-grade cues available for hire." }]} 
-          imageSrc="http://img.b2bpic.net/free-photo/low-angle-happy-guy-looking-pool-table_23-2148299251.jpg" 
-          mediaAnimation="slide-up" 
-          useInvertedBackground={false} 
+        <FeatureCardTwentyOne
+          title="Built for Scale"
+          description="Our components are optimized for performance and scalability, ensuring your application stays fast as you grow."
+          accordionItems={[
+            { id: "1", title: "Performance Optimized", content: "Built with efficiency in mind to minimize load times and maximize user experience." },
+            { id: "2", title: "Customizable Themes", content: "Full support for custom themes and design tokens to match your brand identity perfectly." }
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1620121692029-d088224ddc74"
+          mediaAnimation="slide-up"
         />
       </div>
       <div id="tables" data-section="tables">
-        <ProductCardTwo 
-          animationType="slide-up" 
-          textboxLayout="split" 
-          gridVariant="three-columns-all-equal-width" 
-          products={[{ id: "1", brand: "Proline", name: "Tournament Table", price: "$15/hr", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/empty-university-library-students-work-school-assignments_482257-126907.jpg" }, { id: "2", brand: "Standard", name: "Practice Table", price: "$10/hr", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-looking-away_23-2148299239.jpg" }, { id: "3", brand: "VIP", name: "Private Suite", price: "$25/hr", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-billiard-night_23-2148299258.jpg" }]} 
-          title="Our Playing Tables" 
-          description="Choose your playing environment from our elite selection." 
-          useInvertedBackground={false} 
+        <ProductCardTwo
+          title="Featured Components"
+          description="Explore our collection of high-quality, reusable components for your next project."
+          products={[
+            { id: "1", brand: "Core", name: "Button Suite", price: "$49", rating: 5, reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1550745165-9bc0b252726f" },
+            { id: "2", brand: "Core", name: "Layout Library", price: "$89", rating: 5, reviewCount: "85", imageSrc: "https://images.unsplash.com/photo-1555066931-4365d14bab8c" },
+            { id: "3", brand: "Core", name: "Data Tables", price: "$69", rating: 4, reviewCount: "45", imageSrc: "https://images.unsplash.com/photo-1587620962725-abab7fe55159" }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
         />
       </div>
       <div id="reviews" data-section="reviews">
-        <TestimonialCardOne 
-          animationType="slide-up" 
-          textboxLayout="split" 
-          gridVariant="three-columns-all-equal-width" 
-          testimonials={[{ id: "1", name: "James L.", role: "Pro", company: "Local League", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-table-football_23-2147681039.jpg" }, { id: "2", name: "Sarah K.", role: "Enthusiast", company: "City Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sporty-man-drinking-bright-cocktail-swimming-pool-man-with-dark-hair-glass-with-bright-beverage-looking-camera-leisure-friendship-party-concept_74855-21406.jpg" }, { id: "3", name: "Mike R.", role: "Player", company: "Billiards Fan", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-poker-night_23-2149153494.jpg" }]} 
-          title="What Players Say" 
-          description="Hear why locals make The Hangar their choice." 
-          useInvertedBackground={false} 
+        <TestimonialCardOne
+          title="What Our Users Say"
+          description="Join a community of developers who love building with our components."
+          testimonials={[
+            { id: "1", name: "Alex Rivera", role: "Frontend Dev", company: "TechCorp", rating: 5, imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330" },
+            { id: "2", name: "Sam Chen", role: "Product Designer", company: "Designify", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d" }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="depth-3d"
+          textboxLayout="default"
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText 
-          background={{ variant: "rotated-rays-static" }} 
-          text="Visit us at The Hangar for your next game. Open daily from 12 PM to 2 AM." 
-          buttons={[{ text: "Contact Us", href: "mailto:hello@hangar.com" }]} 
-          useInvertedBackground={false} 
+        <ContactText
+          text="Ready to take your project to the next level? Get in touch today."
+          background={{ variant: "rotated-rays-animated" }}
+          buttons={[{ text: "Contact Us", href: "mailto:support@webild.dev" }]}
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBase 
-          columns={[{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Tables", href: "#tables" }, { label: "Reviews", href: "#reviews" }] }, { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }]} 
-          logoText="The Hangar" 
+        <FooterBase
+          logoText="Webild"
+          columns={[
+            { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#tables" }] },
+            { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] }
+          ]}
         />
       </div>
     </ThemeProvider>