diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 45a93e8..4abfa83 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,8 +11,8 @@ import { Georgia } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Oltre Studios | Premium Branding & Social Agency',
-  description: 'Oltre Studios helps small businesses and startups scale with premium brand playbooks and monthly social media retainers. Let\'s go beyond.',
+  title: 'Oltre Studios | Brand Playbooks & Social Media Retainers',
+  description: 'Premium brand playbooks and monthly social media retainers for small businesses and startups.',
   openGraph: {
     "title": "Oltre Studios | Branding & Social Media",
     "siteName": "Oltre Studios",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e26dc98..90018de 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,17 +7,17 @@ import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import Link from 'next/link';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 
 const navItems = [{ name: 'Home', id: '/' }];
 
 export default function Home() {
   return (
-    <ThemeProvider>
+    <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">
         <NavbarLayoutFloatingOverlay
           navItems={navItems}
-          logoText="Oltre Studios"
+          brandName="Oltre Studios"
         />
       </div>
       <div id="hero" data-section="hero">
@@ -57,13 +57,26 @@ export default function Home() {
           textboxLayout="split"
           useInvertedBackground={true}
           features={[
-            { id: '1', title: 'Brand Playbooks', tags: ['Strategy', 'Visual Identity'], imageSrc: 'http://img.b2bpic.net/free-photo/3d-rendering-black-torn-paper_23-2151866954.jpg' },
-            { id: '2', title: 'Monthly Social Media Retainers', tags: ['Content', 'Growth'], imageSrc: 'http://img.b2bpic.net/free-photo/pregnant-woman-black-clothes-stands-grey-wall_8353-7850.jpg' }
+            { id: '1', title: 'Brand Playbooks', tags: ['Strategy', 'Visual Identity'], imageSrc: 'http://img.b2bpic.net/free-photo/3d-rendering-black-torn-paper_23-2151866954.jpg', imageAlt: 'Brand Playbook Concept' },
+            { id: '2', title: 'Monthly Social Media Retainers', tags: ['Content', 'Growth'], imageSrc: 'http://img.b2bpic.net/free-photo/pregnant-woman-black-clothes-stands-grey-wall_8353-7850.jpg', imageAlt: 'Social Media Retainer Strategy' }
           ]}
           title="What we do"
           description="Dedicated to elevating brands through strategy and consistency."
         />
       </div>
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne 
+          animationType="slide-up" 
+          textboxLayout="default" 
+          useInvertedBackground={false} 
+          title="Investment Packages" 
+          description="Transparent pricing for high-impact creative services." 
+          plans={[
+            { id: 'p1', badge: 'Entry', price: '$2,500', subtitle: 'Essential branding foundation.', features: ['Brand Identity', 'Visual Guidelines', 'Logo Suite'] },
+            { id: 'p2', badge: 'Premium', price: '$5,000', subtitle: 'Full brand playbook experience.', features: ['Everything in Entry', 'Brand Strategy', 'Content Pillars', 'Social Assets'] }
+          ]} 
+        />
+      </div>
       <div id="contact" data-section="contact">
         <ContactSplit
           tag="Ready to go beyond?"