diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d35cf86..a4bfca6 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: 'Tasca Boca Santa',
-  description: 'A tasca mais querida dos Açores. Tradição no prato.',
+  title: 'Webild Home',
+  description: 'Welcome to our website.',
 };
 
 const playfair = Playfair_Display({ variable: "--font-playfair", subsets: ["latin"] });
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c571274..1902697 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,48 +10,76 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function Page() {
-  const navItems = [
-    { name: 'Home', id: '/' },
-    { name: 'About', id: '/about' },
-    { 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>
       <div id="nav" data-section="nav">
-        <NavbarStyleApple navItems={navItems} brandName="Brand" />
+        <NavbarStyleApple navItems={[{ name: "Home", id: "/" }]} brandName="Webild" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboardTestimonial title="Title" description="Desc" background={{ variant: 'plain' }} testimonials={[]} />
+        <HeroBillboardTestimonial 
+          title="Welcome"
+          description="This is our hero section."
+          background={{ variant: "plain" }}
+          testimonials={[]}
+        />
       </div>
       <div id="about" data-section="about">
-        <SplitAbout title="About" description="Desc" textboxLayout="default" useInvertedBackground={false} bulletPoints={[{ title: 'Point', description: 'Desc' }]} mediaAnimation="none" />
+        <SplitAbout 
+          title="About Us"
+          description="Learn more about us."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaAnimation="none"
+          bulletPoints={[]}
+        />
       </div>
       <div id="menu" data-section="menu">
-        <ProductCardFour title="Products" description="Desc" gridVariant="bento-grid" animationType="none" textboxLayout="default" useInvertedBackground={false} products={[{ id: '1', name: 'Product 1', price: '$10', variant: 'Default', imageSrc: 'https://images.unsplash.com/photo-1506744038136-46273834b3fb' }, { id: '2', name: 'Product 2', price: '$20', variant: 'Default', imageSrc: 'https://images.unsplash.com/photo-1506744038136-46273834b3fb' }, { id: '3', name: 'Product 3', price: '$30', variant: 'Default', imageSrc: 'https://images.unsplash.com/photo-1506744038136-46273834b3fb' }]} />
+        <ProductCardFour 
+          title="Our Menu"
+          description="Delicious products."
+          gridVariant="bento-grid"
+          animationType="none"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          products={[
+            { id: "1", name: "Product 1", price: "$10", variant: "A", imageSrc: "/placeholder.png" },
+            { id: "2", name: "Product 2", price: "$20", variant: "B", imageSrc: "/placeholder.png" },
+            { id: "3", name: "Product 3", price: "$30", variant: "C", imageSrc: "/placeholder.png" }
+          ]}
+        />
       </div>
       <div id="faq" data-section="faq">
-        <FaqSplitText faqs={[{ id: '1', title: 'Q', content: 'A' }]} sideTitle="FAQ" faqsAnimation="none" useInvertedBackground={false} />
+        <FaqSplitText 
+          faqs={[{ id: "1", title: "Question", content: "Answer" }]}
+          sideTitle="FAQ"
+          faqsAnimation="none"
+          useInvertedBackground={false}
+        />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen testimonial="Great!" rating={5} author="User" avatars={[]} ratingAnimation="none" avatarsAnimation="none" useInvertedBackground={false} />
+        <TestimonialCardFifteen 
+          testimonial="Great service!"
+          rating={5}
+          author="John Doe"
+          avatars={[]}
+          ratingAnimation="none"
+          avatarsAnimation="none"
+        />
       </div>
       <div id="contact" data-section="contact">
-        <ContactCenter tag="Contact" title="Get in touch" description="Desc" background={{ variant: 'plain' }} useInvertedBackground={false} />
+        <ContactCenter 
+          tag="Contact"
+          title="Get in touch"
+          description="Let's talk."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBaseReveal logoText="Brand" columns={[{ title: 'Links', items: [{ label: 'Home', href: '/' }] }]} />
+        <FooterBaseReveal 
+          logoText="Webild"
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+        />
       </div>
     </ThemeProvider>
   );