diff --git a/src/app/page.tsx b/src/app/page.tsx
index c7577d3..243e9e5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,22 +6,24 @@ import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboard
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Rocket, Users, Award, TrendingUp, Zap, Palette, Code, Lock, Bell, BarChart3, HeadphonesIcon, Target, Sparkles, BookOpen, MessageSquare, Crown } from 'lucide-react';
 
 const HomePage = () => {
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "Services", id: "/services" },
-    { name: "Portfolio", id: "/portfolio" },
-    { name: "About", id: "/about" },
-    { name: "Contact", id: "/contact" },
+    { name: "Portfolio", id: "#portfolio" },
+    { name: "Team", id: "#team" },
+    { name: "Contact", id: "#contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
+      title: "Services",      items: [
         { label: "Web Development", href: "/services" },
         { label: "Mobile Apps", href: "/services" },
         { label: "Design Services", href: "/services" },
@@ -29,27 +31,24 @@ const HomePage = () => {
       ],
     },
     {
-      title: "Company",
-      items: [
-        { label: "About Us", href: "/about" },
-        { label: "Our Team", href: "/about" },
-        { label: "Portfolio", href: "/portfolio" },
+      title: "Company",      items: [
+        { label: "About Us", href: "#about" },
+        { label: "Our Team", href: "#team" },
+        { label: "Portfolio", href: "#portfolio" },
         { label: "Blog", href: "#blog" },
       ],
     },
     {
-      title: "Connect",
-      items: [
-        { label: "Contact Us", href: "/contact" },
+      title: "Connect",      items: [
+        { label: "Contact Us", href: "#contact" },
         { label: "LinkedIn", href: "https://linkedin.com/company/rantzoid" },
         { label: "Twitter", href: "https://twitter.com/rantzoid" },
         { label: "Instagram", href: "https://instagram.com/rantzoid" },
       ],
     },
     {
-      title: "Resources",
-      items: [
-        { label: "Case Studies", href: "/portfolio" },
+      title: "Resources",      items: [
+        { label: "Case Studies", href: "#portfolio" },
         { label: "Insights", href: "#blog" },
         { label: "FAQ", href: "#faq" },
         { label: "Documentation", href: "#" },
@@ -64,7 +63,7 @@ const HomePage = () => {
       borderRadius="pill"
       contentWidth="medium"
       sizing="largeSmallSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
@@ -83,10 +82,10 @@ const HomePage = () => {
         <HeroLogoBillboardSplit
           logoText="RANTZOID"
           description="Transform your digital presence with cutting-edge design, development, and strategic marketing solutions. We craft experiences that drive growth."
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
           buttons={[
-            { text: "Start Your Project", href: "/contact" },
-            { text: "View Our Work", href: "/portfolio" },
+            { text: "Start Your Project", href: "#contact" },
+            { text: "View Our Work", href: "#portfolio" },
           ]}
           buttonAnimation="slide-up"
           layoutOrder="default"
@@ -121,24 +120,13 @@ const HomePage = () => {
           tagIcon={Zap}
           features={[
             {
-              title: "Web Design & Development",
-              description: "Custom websites built for performance, aesthetics, and user engagement that convert visitors to customers.",
-              bentoComponent: "globe",
-            },
+              title: "Web Design & Development",              description: "Custom websites built for performance, aesthetics, and user engagement that convert visitors to customers.",              bentoComponent: "globe"},
             {
-              title: "Strategic Marketing",
-              description: "Data-driven campaigns that boost your brand presence and connect you with the right audience.",
-              bentoComponent: "animated-bar-chart",
-            },
+              title: "Strategic Marketing",              description: "Data-driven campaigns that boost your brand presence and connect you with the right audience.",              bentoComponent: "animated-bar-chart"},
             {
-              title: "Mobile Applications",
-              description: "Native and cross-platform apps that deliver seamless user experiences on any device.",
-              bentoComponent: "phone",
-              statusIcon: Lock,
+              title: "Mobile Applications",              description: "Native and cross-platform apps that deliver seamless user experiences on any device.",              bentoComponent: "phone",              statusIcon: Lock,
               alertIcon: Bell,
-              alertTitle: "New Message",
-              alertMessage: "Your app is ready",
-              apps: [
+              alertTitle: "New Message",              alertMessage: "Your app is ready",              apps: [
                 { name: "Design", icon: Palette },
                 { name: "Code", icon: Code },
                 { name: "Launch", icon: Rocket },
@@ -150,10 +138,7 @@ const HomePage = () => {
               ],
             },
             {
-              title: "Brand Identity",
-              description: "Complete branding solutions from logo design to brand guidelines that establish your unique market presence.",
-              bentoComponent: "3d-card-grid",
-              items: [
+              title: "Brand Identity",              description: "Complete branding solutions from logo design to brand guidelines that establish your unique market presence.",              bentoComponent: "3d-card-grid",              items: [
                 { name: "Logo Design", icon: Palette },
                 { name: "Visual Identity", icon: Sparkles },
                 { name: "Brand Guidelines", icon: BookOpen },
@@ -176,45 +161,17 @@ const HomePage = () => {
           tag="Services"
           products={[
             {
-              id: "service-1",
-              brand: "Rantzoid",
-              name: "Full-Stack Web Development",
-              price: "Custom Quote",
-              rating: 5,
-              reviewCount: "45+",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/abstract-visualization-of-automation-and-1772551277895-5e250469.png?_wi=1",
-              imageAlt: "Web development services",
-            },
+              id: "service-1",              brand: "Rantzoid",              name: "Full-Stack Web Development",              price: "Custom Quote",              rating: 5,
+              reviewCount: "45+",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/abstract-visualization-of-automation-and-1772551277895-5e250469.png",              imageAlt: "Web development services"},
             {
-              id: "service-2",
-              brand: "Rantzoid",
-              name: "Digital Marketing Strategy",
-              price: "Custom Quote",
-              rating: 5,
-              reviewCount: "38+",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/modern-data-analytics-dashboard-with-mul-1772551278168-e253bc93.png?_wi=1",
-              imageAlt: "Marketing strategy services",
-            },
+              id: "service-2",              brand: "Rantzoid",              name: "Digital Marketing Strategy",              price: "Custom Quote",              rating: 5,
+              reviewCount: "38+",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/modern-data-analytics-dashboard-with-mul-1772551278168-e253bc93.png",              imageAlt: "Marketing strategy services"},
             {
-              id: "service-3",
-              brand: "Rantzoid",
-              name: "UI/UX Design Services",
-              price: "Custom Quote",
-              rating: 5,
-              reviewCount: "52+",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/digital-illustration-of-seamless-integra-1772551278054-b5b7aa96.png?_wi=1",
-              imageAlt: "UI/UX design services",
-            },
+              id: "service-3",              brand: "Rantzoid",              name: "UI/UX Design Services",              price: "Custom Quote",              rating: 5,
+              reviewCount: "52+",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/digital-illustration-of-seamless-integra-1772551278054-b5b7aa96.png",              imageAlt: "UI/UX design services"},
             {
-              id: "service-4",
-              brand: "Rantzoid",
-              name: "Mobile App Development",
-              price: "Custom Quote",
-              rating: 5,
-              reviewCount: "41+",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/mobile-app-interface-design-showing-a-fi-1772551278702-5d147045.png?_wi=1",
-              imageAlt: "Mobile app development",
-            },
+              id: "service-4",              brand: "Rantzoid",              name: "Mobile App Development",              price: "Custom Quote",              rating: 5,
+              reviewCount: "41+",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/mobile-app-interface-design-showing-a-fi-1772551278702-5d147045.png",              imageAlt: "Mobile app development"},
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -224,62 +181,103 @@ const HomePage = () => {
         />
       </div>
 
+      <div id="portfolio" data-section="portfolio">
+        <BlogCardOne
+          title="Featured Projects"
+          description="A selection of our most impactful work showcasing diverse industries and innovative solutions."
+          tag="Portfolio"
+          blogs={[
+            {
+              id: "project-1",              category: "E-Commerce",              title: "Premium E-Commerce Platform Redesign",              excerpt: "Complete redesign and development of a luxury fashion retailer's online platform, resulting in 45% increase in conversions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-website-design-mockup-for-a-1772551278637-171a1504.png",              imageAlt: "E-commerce project",              authorName: "Sarah Chen",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-creative-dire-1772551279760-15f7c76c.png",              date: "March 15, 2025"},
+            {
+              id: "project-2",              category: "FinTech",              title: "Mobile Banking App Launch",              excerpt: "Built a secure, user-friendly mobile banking application with real-time transaction tracking and advanced security features.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/mobile-app-interface-design-showing-a-fi-1772551278702-5d147045.png",              imageAlt: "FinTech project",              authorName: "Alex Rodriguez",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-lead-develope-1772551277496-b9412baa.png",              date: "February 28, 2025"},
+            {
+              id: "project-3",              category: "Brand Identity",              title: "Complete Brand Overhaul for Tech Startup",              excerpt: "Strategic rebranding campaign including logo design, visual identity, and go-to-market strategy for Series A startup.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/brand-identity-and-marketing-campaign-de-1772551280970-d7a6b309.png",              imageAlt: "Brand identity project",              authorName: "Jordan Lee",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-design-lead-i-1772551279173-9e462de9.png",              date: "February 10, 2025"},
+            {
+              id: "project-4",              category: "Web Design",              title: "SaaS Platform Redesign & Optimization",              excerpt: "Modernized SaaS dashboard with improved UX, resulting in 60% reduction in user support tickets and higher adoption rates.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-website-design-mockup-for-a-1772551278637-171a1504.png",              imageAlt: "SaaS redesign project",              authorName: "Maya Patel",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-project-manag-1772551280766-400ae3d8.png",              date: "January 30, 2025"},
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          carouselMode="buttons"
+          ariaLabel="Portfolio and featured projects"
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardSix
+          title="Meet Our Team"
+          description="Talented professionals dedicated to delivering excellence in every project"
+          tag="Team"
+          members={[
+            {
+              id: "1",              name: "Sarah Chen",              role: "Creative Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-creative-dire-1772551279760-15f7c76c.png",              imageAlt: "Sarah Chen, Creative Director"},
+            {
+              id: "2",              name: "Alex Rodriguez",              role: "Lead Developer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-lead-develope-1772551277496-b9412baa.png",              imageAlt: "Alex Rodriguez, Lead Developer"},
+            {
+              id: "3",              name: "Jordan Lee",              role: "Design Lead",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-design-lead-i-1772551279173-9e462de9.png",              imageAlt: "Jordan Lee, Design Lead"},
+            {
+              id: "4",              name: "Maya Patel",              role: "Project Manager",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-project-manag-1772551280766-400ae3d8.png",              imageAlt: "Maya Patel, Project Manager"},
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="depth-3d"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Team members of Rantzoid Digital"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
-        <div className="py-16 md:py-24">
-          <div className="mx-auto px-4 md:px-6 max-w-6xl">
-            <div className="mb-12 text-center">
-              <p className="text-sm font-medium text-primary-cta mb-3">Testimonials</p>
-              <h2 className="text-3xl md:text-5xl font-medium mb-4">What Our Clients Say</h2>
-              <p className="text-lg text-foreground/70 max-w-2xl mx-auto">Join 80+ companies that have transformed their digital presence with Rantzoid Digital</p>
-            </div>
-            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-              <div className="rounded-2xl overflow-hidden bg-gradient-to-br from-primary-cta/10 to-accent/10 p-8 border border-accent/30">
-                <div className="flex items-center gap-1 mb-4">
-                  {[...Array(5)].map((_, i) => (
-                    <span key={i} className="text-primary-cta">★</span>
-                  ))}
-                </div>
-                <p className="text-foreground mb-6 leading-relaxed">"Rantzoid transformed our entire digital presence. Their team delivered beyond expectations and understood our vision perfectly. Highly recommend!"</p>
-                <div className="flex items-center gap-3">
-                  <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-satisfied-cli-1772551279673-abb66479.png" alt="Emma Thompson" className="w-10 h-10 rounded-full object-cover" />
-                  <div>
-                    <p className="font-medium text-foreground">Emma Thompson</p>
-                    <p className="text-sm text-foreground/60">Founder, ThreadFlow</p>
-                  </div>
-                </div>
-              </div>
-              <div className="rounded-2xl overflow-hidden bg-gradient-to-br from-primary-cta/10 to-accent/10 p-8 border border-accent/30">
-                <div className="flex items-center gap-1 mb-4">
-                  {[...Array(5)].map((_, i) => (
-                    <span key={i} className="text-primary-cta">★</span>
-                  ))}
-                </div>
-                <p className="text-foreground mb-6 leading-relaxed">"Working with Rantzoid was a game-changer. Their strategic approach and technical expertise helped us achieve a 45% increase in conversions."</p>
-                <div className="flex items-center gap-3">
-                  <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-another-satisfi-1772551280079-a59ad56a.png" alt="David Kim" className="w-10 h-10 rounded-full object-cover" />
-                  <div>
-                    <p className="font-medium text-foreground">David Kim</p>
-                    <p className="text-sm text-foreground/60">CEO, FinanceHub</p>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="mt-12 grid grid-cols-3 gap-8 text-center">
-              <div>
-                <p className="text-3xl font-bold text-primary-cta mb-2">150+</p>
-                <p className="text-foreground/60">Projects Delivered</p>
-              </div>
-              <div>
-                <p className="text-3xl font-bold text-primary-cta mb-2">98%</p>
-                <p className="text-foreground/60">Client Satisfaction</p>
-              </div>
-              <div>
-                <p className="text-3xl font-bold text-primary-cta mb-2">8+ yrs</p>
-                <p className="text-foreground/60">Industry Experience</p>
-              </div>
-            </div>
-          </div>
-        </div>
+        <TestimonialCardSixteen
+          testimonials={[
+            {
+              id: "1",              name: "Emma Thompson",              role: "Founder",              company: "ThreadFlow",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-satisfied-cli-1772551279673-abb66479.png",              imageAlt: "Emma Thompson testimonial"},
+            {
+              id: "2",              name: "David Kim",              role: "CEO",              company: "FinanceHub",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-another-satisfi-1772551280079-a59ad56a.png",              imageAlt: "David Kim testimonial"},
+            {
+              id: "3",              name: "Lisa Martinez",              role: "Marketing Director",              company: "CloudScale",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-third-client--1772551277725-6a752399.png",              imageAlt: "Lisa Martinez testimonial"},
+            {
+              id: "4",              name: "James Wilson",              role: "Product Lead",              company: "InnovateLabs",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-fourth-satisf-1772551278510-4ad93ccf.png",              imageAlt: "James Wilson testimonial"},
+            {
+              id: "5",              name: "Sophie Anderson",              role: "Founder",              company: "DesignCo",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-fifth-client--1772551277296-f249df5e.png",              imageAlt: "Sophie Anderson testimonial"},
+            {
+              id: "6",              name: "Michael Chang",              role: "VP Operations",              company: "TechVentures",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-sixth-satisfi-1772551278336-b9f3c9aa.png",              imageAlt: "Michael Chang testimonial"},
+          ]}
+          kpiItems={[
+            { value: "150+", label: "Projects Delivered" },
+            { value: "98%", label: "Client Satisfaction" },
+            { value: "8+ yrs", label: "Industry Experience" },
+          ]}
+          title="What Our Clients Say"
+          description="Join 80+ companies that have transformed their digital presence with Rantzoid Digital"
+          tag="Testimonials"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Client testimonials and success stories"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Get Started?"
+          tagIcon={Zap}
+          title="Let's Transform Your Digital Future"
+          description="Ready to elevate your brand and drive growth? Our team is excited to partner with you and deliver exceptional results."
+          buttons={[
+            { text: "Schedule Consultation", href: "#contact" },
+            { text: "Request Quote", href: "#contact" },
+          ]}
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={true}
+          ariaLabel="Contact call-to-action section"
+        />
       </div>
 
       <div id="footer" data-section="footer">