diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0678537..aadd0be 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Webild Platform',
-  description: 'Professional services and digital solutions.',
+  title: 'Modern Digital Solutions',
+  description: 'Professional digital services and solutions for your business.',
   openGraph: {
     "title": "Detay Mobilya | Detaylarda Saklı Kusursuzluk",
     "siteName": "Detay Mobilya",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9da1aa1..044cc59 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,6 @@
 'use client';
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -10,53 +11,38 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Zap, Shield, Award } from 'lucide-react';
-
-const navItems = [{ name: 'Home', id: '/' }];
+import { Zap, Shield, Star, CheckCircle } from 'lucide-react';
 
 export default function Page() {
   return (
-    <ThemeProvider 
-      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="entrance-slide" 
-      borderRadius="rounded" 
-      contentWidth="medium" 
-      sizing="medium" 
-      background="circleGradient" 
-      cardStyle="glass-elevated" 
-      primaryButtonStyle="gradient" 
-      secondaryButtonStyle="glass" 
-      headingFontWeight="normal"
-    >
+    <ThemeProvider>
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline navItems={navItems} brandName="Webild" button={{ text: "Get Started" }} />
+        <NavbarLayoutFloatingInline 
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          button={{ text: "Get Started" }}
+        />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery title="Excellence in Craft" description="Building the future with precision." mediaItems={[{ imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }]} background={{ variant: "plain" }} />
-      </div>
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFive testimonials={[]} title="Client Stories" description="Our clients' feedback" textboxLayout="default" useInvertedBackground={false} />
-      </div>
-      <div id="services" data-section="services">
-        <FeatureCardSixteen negativeCard={{ items: ["Item 1", "Item 2"] }} positiveCard={{ items: ["Item 3", "Item 4"] }} animationType="blur-reveal" title="Our Services" description="We provide top-tier solutions." textboxLayout="default" useInvertedBackground={false} />
-      </div>
-      <div id="process" data-section="process">
-        <MetricCardThree metrics={[{ id: "1", icon: Zap, title: "Step 1", value: "100%" }, { id: "2", icon: Shield, title: "Step 2", value: "50%" }]} animationType="blur-reveal" textboxLayout="default" title="Our Process" description="How we work" useInvertedBackground={false} />
-      </div>
-      <div id="projects" data-section="projects">
-        <ProductCardThree products={[{ id: "1", name: "Proj 1", price: "$10", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { id: "2", name: "Proj 2", price: "$20", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { id: "3", name: "Proj 3", price: "$30", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }]} gridVariant="three-columns-all-equal-width" animationType="blur-reveal" textboxLayout="default" title="Projects" description="Our recent work" useInvertedBackground={false} />
-      </div>
-      <div id="craftsmanship" data-section="craftsmanship">
-        <TestimonialAboutCard tag="Art" title="Mastery" description="Crafting quality solutions." subdescription="Defined by our passion." icon={Award} videoSrc="https://www.w3schools.com/html/mov_bbb.mp4" useInvertedBackground={false} />
-      </div>
-      <div id="assurance" data-section="assurance">
-        <FaqDouble faqs={[{ id: "1", title: "FAQ 1", content: "Ans 1" }]} title="Assurance" description="Common questions" faqsAnimation="blur-reveal" textboxLayout="default" useInvertedBackground={false} />
-      </div>
-      <div id="contact" data-section="contact">
-        <ContactCTA tag="Get in Touch" title="Ready to Start?" description="Let's build something great." buttons={[{ text: "Contact" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
+        <HeroBillboardGallery 
+          title="Modern Digital Solutions"
+          description="We build high-quality digital experiences for modern brands."
+          background={{ variant: "gradient-bars" }}
+          mediaItems={[
+            { imageSrc: "https://images.unsplash.com/photo-1497215728101-856f4ea42174?auto=format&fit=crop&q=80&w=800" },
+            { imageSrc: "https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&q=80&w=800" },
+            { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80&w=800" }
+          ]}
+        />
       </div>
       <div id="footer" data-section="footer">
-        <FooterLogoEmphasis logoText="Webild" columns={[{ items: [{ label: "Home" }] }]} />
+        <FooterLogoEmphasis 
+          logoText="Company"
+          columns={[{ items: [{ label: "Privacy" }, { label: "Terms" }] }]}
+        />
       </div>
     </ThemeProvider>
   );