diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 02e6d35..a3bfd02 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: 'Smart Phone | Technology, Refined.',
-  description: 'Premium smartphone retailer and tech concierge. Curated tech, personalized setup, and next-day delivery.',
+  title: 'Smart Phone Concierge',
+  description: 'Elite technology curation and concierge services for professionals.',
   openGraph: {
     "title": "Smart Phone | Technology, Refined.",
     "description": "The world’s most advanced smartphones, curated and delivered with precision.",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index aa2fa14..57997af 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,15 +10,25 @@ import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import Link from "next/link";
-
-const navItems = [{ name: "Home", id: "/" }];
 
 export default function Page() {
   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">
-        <NavbarStyleFullscreen navItems={navItems} logoText="Smart Phone" />
+        <NavbarStyleFullscreen 
+          navItems={[{ name: "Home", id: "/" }]} 
+        />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardCarousel
@@ -27,17 +37,23 @@ export default function Page() {
           description="Discover the world’s most advanced smartphones — curated, configured, and delivered with precision."
           buttons={[{ text: "Shop Collection", href: "#products" }, { text: "Book a Consultation", href: "#contact" }]}
           mediaItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg", imageAlt: "luxury smartphone dark studio" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-relax-hotel-lounge_482257-102644.jpg", imageAlt: "luxury smartphone dark studio" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/business-people-syncing-data-by-mobile-phone_53876-14924.jpg", imageAlt: "luxury smartphone dark studio" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg", imageAlt: "luxury smartphone dark studio" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg", imageAlt: "luxury smartphone dark studio" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-using-tablet-hall_23-2147689167.jpg", imageAlt: "luxury smartphone dark studio" }
+            { imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-spotlight_84443-86318.jpg", imageAlt: "Hero background luxury tech" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-relax-hotel-lounge_482257-102644.jpg", imageAlt: "Hero background luxury tech" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/business-people-syncing-data-by-mobile-phone_53876-14924.jpg", imageAlt: "Hero background luxury tech" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/management-verifying-task-progress_482257-80309.jpg", imageAlt: "Hero background luxury tech" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg", imageAlt: "Hero background luxury tech" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-using-tablet-hall_23-2147689167.jpg", imageAlt: "Hero background luxury tech" }
           ]}
         />
       </div>
       <div id="social-proof" data-section="social-proof">
-        <SocialProofOne names={["TechCrunch", "Forbes", "Wired", "Bloomberg", "The Verge", "AppleInsider", "CNET"]} title="Trusted by Leaders" description="Providing elite tech curation for over 10,000 professionals globally." textboxLayout="default" useInvertedBackground={false} />
+        <SocialProofOne 
+          textboxLayout="default" 
+          useInvertedBackground={false} 
+          names={["TechCrunch", "Forbes", "Wired", "Bloomberg", "The Verge", "AppleInsider", "CNET"]} 
+          title="Trusted by Leaders" 
+          description="Providing elite tech curation for over 10,000 professionals globally." 
+        />
       </div>
       <div id="products" data-section="products">
         <ProductCardOne 
@@ -58,7 +74,11 @@ export default function Page() {
         />
       </div>
       <div id="about" data-section="about">
-        <TextAbout title="Not Just a Store. A Smarter Way to Buy." useInvertedBackground={false} buttons={[{ text: "Learn More", href: "#" }]} />
+        <TextAbout 
+          title="Not Just a Store. A Smarter Way to Buy." 
+          useInvertedBackground={false} 
+          buttons={[{ text: "Learn More", href: "#" }]} 
+        />
       </div>
       <div id="features" data-section="features">
         <FeatureCardSix