diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 77d25be..365a5de 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: 'Fornaciari Coffee | Café Especial do Cerrado',
-  description: 'Da lavoura à sua xícara. Tradição e excelência em cada grão 100% arábica do Cerrado Mineiro.',
+  title: 'Webild',
+  description: 'Premium platform solutions',
   openGraph: {
     "title": "Fornaciari Coffee | Portfólio Profissional",
     "description": "Excelência em cafés especiais. Tradição e qualidade sob demanda.",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 248ea08..e07db6e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,5 @@
-"use client";
+'use client';
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
@@ -9,40 +10,102 @@ import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import Link from 'next/link';
+
+const navItems = [
+  { name: "Home", id: "/" }
+];
 
 export default function Page() {
-  const navItems = [{ name: "Home", id: "/" }];
   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">
-        <NavbarLayoutFloatingInline navItems={navItems} button={{ text: "Contact" }} />
+        <NavbarLayoutFloatingInline 
+          navItems={navItems} 
+          brandName="Webild"
+        />
       </div>
       <div id="hero" data-section="hero">
-        <HeroCentered title="Hero Title" description="Description" avatars={[]} background={{ variant: "plain" }} />
+        <HeroCentered 
+          title="Welcome to Our Platform"
+          description="Experience the best services tailored for your success."
+          background={{ variant: "plain" }}
+          avatars={[]}
+        />
       </div>
       <div id="historia" data-section="historia">
-        <TextAbout title="Historia" useInvertedBackground={false} />
+        <TextAbout 
+          title="Our History"
+        />
       </div>
       <div id="origem" data-section="origem">
-        <FeatureCardEight title="Origem" description="Origem Desc" textboxLayout="default" useInvertedBackground={false} features={[{ title: "F1", description: "D1", imageSrc: "/placeholder.png" }, { title: "F2", description: "D2", imageSrc: "/placeholder.png" }]} />
+        <FeatureCardEight 
+          title="Our Origin"
+          description="The story of how we began."
+          textboxLayout="default"
+          features={[]}
+        />
       </div>
       <div id="diferenciais" data-section="diferenciais">
-        <FeatureCardEight title="Diferenciais" description="Diferenciais Desc" textboxLayout="default" useInvertedBackground={false} features={[{ title: "D1", description: "D1", imageSrc: "/placeholder.png" }, { title: "D2", description: "D2", imageSrc: "/placeholder.png" }]} />
+        <FeatureCardEight 
+          title="Why Us?"
+          description="We provide unique advantages."
+          textboxLayout="default"
+          features={[]}
+        />
       </div>
       <div id="produtos" data-section="produtos">
-        <ProductCardThree title="Produtos" description="Desc" textboxLayout="default" useInvertedBackground={false} gridVariant="uniform-all-items-equal" animationType="none" products={[{ id: "1", name: "P1", price: "$10", imageSrc: "/placeholder.png" }, { id: "2", name: "P2", price: "$20", imageSrc: "/placeholder.png" }, { id: "3", name: "P3", price: "$30", imageSrc: "/placeholder.png" }]} />
+        <ProductCardThree 
+          title="Our Products"
+          description="High quality solutions."
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          products={[]}
+        />
       </div>
       <div id="precos" data-section="precos">
-        <PricingCardNine title="Preços" description="Desc" textboxLayout="default" useInvertedBackground={false} animationType="none" plans={[{ id: "1", title: "Basic", price: "$10", period: "mo", features: ["F1"], button: { text: "Buy" }, imageSrc: "/placeholder.png" }, { id: "2", title: "Pro", price: "$20", period: "mo", features: ["F1"], button: { text: "Buy" }, imageSrc: "/placeholder.png" }]} />
+        <PricingCardNine 
+          title="Pricing"
+          description="Affordable plans."
+          animationType="slide-up"
+          textboxLayout="default"
+          plans={[]}
+        />
       </div>
       <div id="parcerias" data-section="parcerias">
-        <SocialProofOne title="Parcerias" description="Desc" names={["P1", "P2"]} textboxLayout="default" useInvertedBackground={false} />
+        <SocialProofOne 
+          names={[]}
+          title="Partnerships"
+          description="Trusted by companies."
+          textboxLayout="default"
+        />
       </div>
       <div id="contato" data-section="contato">
-        <ContactSplit tag="Tag" title="Contato" description="Desc" useInvertedBackground={false} background={{ variant: "plain" }} />
+        <ContactSplit 
+          tag="Contact"
+          title="Get in Touch"
+          description="We'd love to hear from you."
+          background={{ variant: "plain" }}
+        />
       </div>
       <div id="footer" data-section="footer">
-        <FooterLogoReveal logoText="Logo" leftLink={{ text: "L", href: "#" }} rightLink={{ text: "R", href: "#" }} />
+        <FooterLogoReveal 
+          logoText="Webild"
+          leftLink={{ text: "Privacy", href: "#" }}
+          rightLink={{ text: "Terms", href: "#" }}
+        />
       </div>
     </ThemeProvider>
   );