diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2466e9c..517d658 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: 'DEL Herren Friseur | Barber Shop Wien Donaustadt',
-  description: 'Ihr Premium Barber Shop in der Erzherzog-Karl-Straße 60, 1220 Wien. Exzellente Herrenhaarschnitte, Bartpflege und Nassrasur vom Profi.',
+  title: 'Webild Platform',
+  description: 'Professional business platform.',
   openGraph: {
     "siteName": "DEL Herren Friseur"
   },
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7510e36..0c3363b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,105 +7,39 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { ArrowRight, Star, Shield, Mail, Phone, MapPin } from 'lucide-react';
 
 export default function Page() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Services", id: "/services" },
+    { name: "Testimonials", id: "/testimonials" },
+    { name: "Contact", id: "/contact" },
+  ];
   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 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">
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" }
-          ]}
-        />
+        <NavbarStyleFullscreen navItems={navItems} brandName="Webild" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel
-          background={{ variant: "gradient-bars" }}
-          title="DEL Herren Friseur"
-          description="Ihr Spezialist für den perfekten Herrenhaarschnitt im 22. Bezirk."
-          buttons={[{ text: "Jetzt Termin vereinbaren", href: "tel:+4366087511680" }]}
-          carouselItems={[
-            { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Barbershop interior" },
-            { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Barber chair" },
-            { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Barber tools" },
-            { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Interior details" },
-            { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Barbershop vibe" },
-            { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43550.jpg", imageAlt: "Professional salon" }
-          ]}
-        />
+        <HeroBillboardRotatedCarousel title="Innovate Your Future" description="Cutting-edge solutions for the modern era." background={{ variant: "animated-grid" }} carouselItems={[{ id: "1" }, { id: "2" }, { id: "3" }, { id: "4" }, { id: "5" }, { id: "6" }]} />
       </div>
       <div id="about" data-section="about">
-        <TextSplitAbout
-          useInvertedBackground={true}
-          title="Mehr als nur ein Schnitt"
-          description={["Inhaber Delkaah Maamo begrüßt Sie in einer Oase der Männlichkeit. Unser Fokus liegt auf der perfekten Kombination aus klassischer Handwerkskunst und modernem Styling.", "Bei DEL erleben Sie mehr als nur einen Haarschnitt — es ist Ihre Auszeit für den Mann, geprägt von Liebe zum Detail und erstklassigem Service."]}
-        />
+        <TextSplitAbout title="About Us" description={["We are a team of visionaries.", "Passionate about building the future."]} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwelve
-          animationType="slide-up"
-          textboxLayout="split"
-          useInvertedBackground={false}
-          title="Unsere Leistungen"
-          description="Präzises Handwerk für Ihren individuellen Stil."
-          features={[
-            { id: "1", label: "Haar", title: "Herren-Haarschnitt", items: ["Klassischer Schnitt", "Modernes Styling", "Individuelle Beratung"] },
-            { id: "2", label: "Bart", title: "Bartpflege & Rasur", items: ["Präziser Bartschnitt", "Klassische Nassrasur", "Konturenschnitt"] },
-            { id: "3", label: "Paket", title: "Komplett-Behandlung", items: ["Haarschnitt & Bart", "Hot-Towel-Behandlung", "Kopfmassage"] },
-            { id: "4", label: "Kids", title: "Kinder-Haarschnitt", items: ["Sanfter Schnitt", "Geduldige Behandlung", "Modernes Styling"] }
-          ]}
-        />
+        <FeatureCardTwelve title="Our Services" animationType="blur-reveal" textboxLayout="split" features={[{ id: "1", label: "Design", title: "UI/UX Design", items: ["Wireframing", "Prototyping", "User Testing"] }, { id: "2", label: "Dev", title: "Development", items: ["Frontend", "Backend", "Fullstack"] }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne
-          animationType="slide-up"
-          textboxLayout="split"
-          gridVariant="uniform-all-items-equal"
-          useInvertedBackground={true}
-          title="Unsere Kunden"
-          description="Stimmen unserer zufriedenen Kunden aus Wien."
-          testimonials={[
-            { id: "1", name: "Ayouan M.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg" },
-            { id: "2", name: "Max S.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/customer-showing-magazine-barber_23-2147737099.jpg" },
-            { id: "3", name: "Lukas K.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-hair-washed_23-2148224416.jpg" },
-            { id: "4", name: "David L.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg" },
-            { id: "5", name: "Andreas F.", role: "Kunde", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" }
-          ]}
-        />
+        <TestimonialCardOne title="Client Stories" gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", company: "TechCorp", rating: 5 }, { id: "2", name: "Jane Smith", role: "CTO", company: "InnovateCo", rating: 5 }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText
-          background={{ variant: "gradient-bars" }}
-          useInvertedBackground={false}
-          text="Sie finden uns in der Erzherzog-Karl-Straße 60, 1220 Wien. Wir freuen uns auf Ihren Besuch!"
-          buttons={[
-            { text: "Tel: +43 660 87511680", href: "tel:+4366087511680" },
-            { text: "E-Mail schreiben", href: "mailto:[email protected]" }
-          ]}
-        />
+        <ContactText text="Let's build something great together." background={{ variant: "animated-grid" }} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterSimple
-          columns={[
-            { title: "DEL Barber", items: [{ label: "Erzherzog-Karl-Straße 60, 1220 Wien", href: "https://maps.app.goo.gl/..." }] },
-            { title: "Öffnungszeiten", items: [{ label: "Mo–Sa: 09:00–19:00", href: "#" }, { label: "So: Geschlossen", href: "#" }] },
-            { title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
-          ]}
-          bottomLeftText="© 2024 DEL Herren Friseur"
-          bottomRightText="Wien Donaustadt"
-        />
+        <FooterSimple columns={[{ title: "Links", items: [{ label: "Home" }, { label: "Contact" }] }]} bottomLeftText="© 2024 Webild" bottomRightText="hello@example.com" />
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file