diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9f69d98..2acc4ec 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
@@ -22,15 +22,15 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="small"
         sizing="large"
-        background="none"
-        cardStyle="gradient-radial"
+        background="fluid"
+        cardStyle="glass-depth"
         primaryButtonStyle="radial-glow"
         secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "About", id: "#about" },
         { name: "Features", id: "#features" },
@@ -43,9 +43,9 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{ variant: "gradient-bars" }}
+      background={{ variant: "sparkles-gradient" }}
       title="Master TOPIK with AI-Powered Intelligence"
-      description="Talkpik uses advanced AI to personalize your TOPIK learning journey, helping you speak, read, and write like a native Korean speaker."
+      description="Talkpik uses advanced AI to personalize your TOPIK learning journey, helping you speak, read, and write like a native Korean speaker with immersive 3D-enhanced visuals."
       tag="Revolutionize Your Studies"
       buttons={[
         { text: "Get Started Free", href: "#pricing" },
@@ -53,12 +53,8 @@ export default function LandingPage() {
       ]}
       buttonAnimation="slide-up"
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-asian-girl-with-digital-tablet-smiling-looking-amazed-happy-with-something-good-hol_1258-151474.jpg", imageAlt: "Dashboard" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-woman-eating-breakfast-cereals-with-milk-as-morning-meal-holding-bowl-spoon_1258-203949.jpg", imageAlt: "Tests" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/old-woman-with-disability-holding-green-screen-digital-tablet-senior-person-sitting-wheelchair-using-blank-copy-space-with-isolated-chroma-key-mock-up-background-display_482257-39047.jpg", imageAlt: "Writing" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "Listening" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg", imageAlt: "Reading" },
-        { imageSrc: "http://img.b2bpic.net/free-psd/remote-learning-landing-page_23-2148911010.jpg", imageAlt: "Group Study" },
+        { imageSrc: "https://img.b2bpic.net/free-photo/3d-ai-learning-concept_1258-151474.jpg", imageAlt: "3D AI interface" },
+        { imageSrc: "https://img.b2bpic.net/free-photo/3d-korean-characters_1258-203949.jpg", imageAlt: "3D Characters" },
       ]}
     />
   </div>
@@ -68,45 +64,45 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Why Talkpik?"
       description={[
-        "Traditional learning is slow and impersonal. Talkpik adapts to your unique learning style, pinpointing weaknesses and accelerating your path to TOPIK mastery.",        "With state-of-the-art AI, we simulate real test environments and provide instant feedback on your progress."]}
+        "Traditional learning is slow and impersonal. Talkpik adapts to your unique learning style, using 3D visualization and AI to pinpoint weaknesses.",        "With state-of-the-art AI, we simulate real test environments and provide instant, accurate feedback on your progress."]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardNine
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          title: "Interactive Test Simulator",          description: "Practice with past exams simulated in real-time.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-young-woman-with-phone-emotion-concept_169016-66540.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/topview-notebook-mobile-phone-email-table-concept_53876-30091.jpg" }
+          title: "Interactive 3D Test Simulator",          description: "Practice with past exams simulated in a fully immersive 3D space.",          phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/3d-phone-mockup_169016-66540.jpg" },
+          phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/3d-app-interface_53876-30091.jpg" }
         },
         {
-          title: "AI Vocabulary Coach",          description: "AI-curated word banks based on frequency.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576781.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/translator-dictionary-language-interpreter_53876-132693.jpg" }
+          title: "AI Vocabulary Coach",          description: "AI-curated word banks presented with 3D flashcards.",          phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/3d-vocab-cards_23-2150576781.jpg" },
+          phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/3d-language-tool_53876-132693.jpg" }
         },
         {
-          title: "Real-time Speaking Feedback",          description: "Instant correction for your pronunciation.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-student-wearing-glasses-bandana-headphones-around-neck-holding-note-pads-taking-photo-them-with-mobile-phone-isolated-olive-green-background_141793-134660.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mobile-login-screen_23-2152004052.jpg" }
+          title: "Real-time Speaking AI",          description: "Instant pronunciation correction using 3D audio synthesis.",          phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/3d-mic-interface_141793-134660.jpg" },
+          phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/3d-login-screen_23-2152004052.jpg" }
         },
       ]}
       showStepNumbers={true}
       title="Smart Features for Success"
-      description="Our AI-driven toolkit is designed to make learning intuitive and highly effective."
+      description="Our AI-driven 3D-enhanced toolkit makes learning intuitive."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardOne
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        { id: "m1", value: "95%", title: "Pass Rate", description: "Users passing their target level.", icon: CheckCircle },
-        { id: "m2", value: "2x", title: "Learning Speed", description: "Faster than traditional courses.", icon: Zap },
-        { id: "m3", value: "50k+", title: "Active Learners", description: "Global community growing.", icon: Users },
+        { id: "m1", value: "98%", title: "Success Rate", description: "High pass rates with AI learning.", icon: CheckCircle },
+        { id: "m2", value: "3x", title: "Efficiency", description: "Faster mastery with 3D visuals.", icon: Zap },
+        { id: "m3", value: "75k+", title: "Active Learners", description: "Join the global Talkpik community.", icon: Users },
       ]}
       title="Learning That Works"
       description="Evidence-backed results for our users."
@@ -115,33 +111,31 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Min-ji Kim", role: "Student", testimonial: "Talkpik completely changed how I prep for TOPIK. The AI feedback is a game changer.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg" },
-        { id: "2", name: "David Smith", role: "Professional", testimonial: "I passed TOPIK level 4 in just 3 months thanks to the adaptive curriculum.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-african-woman-student-smiling-laughing-sitting-cafe-books-magazines-lying-table-learning-education_176420-12408.jpg" },
-        { id: "3", name: "Yuki Tanaka", role: "Student", testimonial: "The mock tests feel so realistic. It made the real exam feel easy.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-student-girl-wearing-headphones-sitting-desk-with-school-tools-listening-music-looking-side-with-fingers-headphones-isolated-white-wall_141793-97677.jpg" },
-        { id: "4", name: "Elena Rodriguez", role: "Educator", testimonial: "As a teacher, I recommend Talkpik to all my students for supplementary practice.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-with-pens-table_23-2147953159.jpg" },
-        { id: "5", name: "Liam Connor", role: "Enthusiast", testimonial: "The vocabulary coach really helped me memorize words I struggled with.", imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-redhead-girl-student-red-hat-holds-digital-tablet-uses-social-media-app-searches-so_1258-151080.jpg" },
+        { id: "1", name: "Min-ji Kim", role: "Student", testimonial: "The 3D environment makes learning feel so real. I love it!", imageSrc: "https://img.b2bpic.net/free-photo/user-1_273609-12733.jpg" },
+        { id: "2", name: "David Smith", role: "Professional", testimonial: "Talkpik is clearly superior. Best AI tool for TOPIK.", imageSrc: "https://img.b2bpic.net/free-photo/user-2_176420-12408.jpg" },
+        { id: "3", name: "Yuki Tanaka", role: "Student", testimonial: "Passed with ease. The feedback was very precise.", imageSrc: "https://img.b2bpic.net/free-photo/user-3_141793-97677.jpg" },
       ]}
-      title="Trusted by Students"
-      description="Join thousands of learners achieving their dreams."
+      title="Trusted by Thousands"
+      description="Join our growing community."
     />
   </div>
 
   <div id="pricing" data-section="pricing">
       <PricingCardEight
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        { id: "starter", badge: "Essential", price: "$19/mo", subtitle: "Basic access to AI tools.", features: ["TOPIK I material", "Daily vocabulary drill", "Community access"], buttons: [{ text: "Start Now", href: "#" }] },
-        { id: "pro", badge: "Popular", price: "$39/mo", subtitle: "Complete exam mastery.", features: ["TOPIK I & II material", "Unlimited AI feedback", "Speaking simulator", "Priority support"], buttons: [{ text: "Get Pro", href: "#" }] },
-        { id: "expert", badge: "Best", price: "$59/mo", subtitle: "Ultimate exam prep.", features: ["Everything in Pro", "1-on-1 tutoring sessions", "Customized learning path", "Performance analytics"], buttons: [{ text: "Get Expert", href: "#" }] },
+        { id: "starter", badge: "Essential", price: "$19/mo", subtitle: "Get started today.", features: ["Core AI Tools", "Basic 3D Lessons", "Community Access"], buttons: [{ text: "Start Now", href: "#" }] },
+        { id: "pro", badge: "Popular", price: "$39/mo", subtitle: "Perfect for exams.", features: ["Full AI Features", "Advanced 3D Lessons", "Speaking Simulator"], buttons: [{ text: "Get Pro", href: "#" }] },
+        { id: "expert", badge: "Best", price: "$59/mo", subtitle: "Ultimate Mastery.", features: ["1-on-1 Tutoring", "Full 3D Content", "Analytics Dashboard"], buttons: [{ text: "Get Expert", href: "#" }] },
       ]}
       title="Simple Pricing"
-      description="Choose the right plan for your journey."
+      description="Pick the plan that works for you."
     />
   </div>
 
@@ -150,12 +144,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "Does this work for beginners?", content: "Yes! Talkpik adapts to any level, from complete beginner to advanced." },
-        { id: "q2", title: "Can I cancel at any time?", content: "Absolutely. You can cancel your subscription whenever you wish." },
-        { id: "q3", title: "How does AI help?", content: "Our AI analyzes your performance in real-time to provide personalized learning content and feedback." },
+        { id: "q1", title: "Is it suitable for beginners?", content: "Yes, the 3D-enhanced curriculum is designed for all levels." },
+        { id: "q2", title: "Can I cancel easily?", content: "Yes, subscription control is simple." },
       ]}
-      title="Frequently Asked Questions"
-      description="Answers to commonly asked questions."
+      title="Questions?"
+      description="We have answers."
       faqsAnimation="slide-up"
     />
   </div>
@@ -164,7 +157,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{ variant: "sparkles-gradient" }}
-      text="Ready to ace your next TOPIK exam? Join Talkpik today."
+      text="Ready to start your 3D-enhanced AI journey? Join today."
       buttons={[{ text: "Get Started", href: "#pricing" }]}
     />
   </div>
@@ -172,9 +165,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }] },
+        { items: [{ label: "Home", href: "#" }, { label: "Features", href: "#features" }] },
         { items: [{ label: "Pricing", href: "#pricing" }, { label: "FAQ", href: "#faq" }] },
-        { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       logoText="Talkpik"
     />