diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 626f8ee..9fc4ca6 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -9,112 +9,79 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Award } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Ranking Visions"
-      button={{
-        text: "Let's Talk",
-        href: "/contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Ranking Visions"
+            button={{ text: "Let's Talk", href: "/contact" }}
+          />
+        </div>
 
-  <div id="about-main" data-section="about-main">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Us"
-      title="We build brands that people love."
-      description="Ranking Visions is a premier agency helping startups achieve their potential."
-      subdescription="We are dedicated to providing clean, high-impact digital experiences."
-      icon={Award}
-      imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-office-two-caucasian-women-black-man-wearing-suit-looking-laptop-computer_1139-966.jpg"
-      mediaAnimation="slide-up"
-      imageAlt="creative team collaboration"
-    />
-  </div>
+        <div id="about-main" data-section="about-main">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="About Us"
+            title="We build brands that people love."
+            description="Ranking Visions is a premier agency helping startups achieve their potential."
+            subdescription="We are dedicated to providing clean, high-impact digital experiences."
+            icon={Award}
+            imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-office-two-caucasian-women-black-man-wearing-suit-looking-laptop-computer_1139-966.jpg"
+            mediaAnimation="slide-up"
+            imageAlt="creative team collaboration"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Our Philosophy",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[{ type: "text", content: "Our Philosophy" }]}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Team Culture"
-      description="Why we are different."
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Team Culture"
+            description="Why we are different."
+            testimonials={[
+               { id: "t1", name: "Alex Rivers", handle: "@arivers", testimonial: "Incredible expertise in web dev.", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg", imageAlt: "Business owner working on their strategy" },
+               { id: "t2", name: "Elena M.", handle: "@elena_design", testimonial: "The best SEO team I've worked with.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", imageAlt: "Young woman sitting in library" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Ranking Visions"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Email",
-              href: "mailto:info@rankingvisions.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Ranking Visions. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Ranking Visions"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+              { title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Email", href: "mailto:info@rankingvisions.com" }] }
+            ]}
+            copyrightText="© 2024 Ranking Visions. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 3dcee14..b24d9e9 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,137 +8,82 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Ranking Visions"
-      button={{
-        text: "Let's Talk",
-        href: "/contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Ranking Visions"
+            button={{ text: "Let's Talk", href: "/contact" }}
+          />
+        </div>
 
-  <div id="contact-form" data-section="contact-form">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Get in touch with us"
-      description="Have a project in mind? We'd love to hear from you."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "info@rankingvisions.com",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your project details...",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976850.jpg"
-      imageAlt="minimalist office interior clean"
-    />
-  </div>
+        <div id="contact-form" data-section="contact-form">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Get in touch with us"
+            description="Have a project in mind? We'd love to hear from you."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "info@rankingvisions.com", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Your project details...", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976850.jpg"
+            imageAlt="minimalist office interior clean"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Support"
-      title="Need technical assistance?"
-      description="Reach out to our support team."
-      imageSrc="http://img.b2bpic.net/free-photo/busy-accountant_1098-15571.jpg"
-      imageAlt="Busy accountant"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Support"
+            title="Need technical assistance?"
+            description="Reach out to our support team."
+            imageSrc="http://img.b2bpic.net/free-photo/busy-accountant_1098-15571.jpg"
+            imageAlt="Busy accountant"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Privacy Policy"
-      sections={[
-        {
-          heading: "Data Usage",
-          content: {
-            type: "paragraph",
-            text: "We value your privacy and only use data to improve your experience.",
-          },
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Privacy Policy"
+            sections={[
+              { heading: "Data Usage", content: { type: "paragraph", text: "We value your privacy and only use data to improve your experience." } }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Ranking Visions"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Email",
-              href: "mailto:info@rankingvisions.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Ranking Visions. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Ranking Visions"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+              { title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Email", href: "mailto:info@rankingvisions.com" }] }
+            ]}
+            copyrightText="© 2024 Ranking Visions. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e9a924f..d6ec85e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,263 +17,116 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Ranking Visions"
-      button={{
-        text: "Let's Talk",
-        href: "/contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Ranking Visions"
+            button={{ text: "Let's Talk", href: "/contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Effortless design for startups."
-      description="We make it easy for startups to launch, grow, and scale with clean, conversion-focused designs."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "/contact",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg",
-          imageAlt: "modern marketing agency dashboard UI",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378906.jpg",
-          imageAlt: "creative agency studio desk",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
-          imageAlt: "social media analytics screen",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg",
-          imageAlt: "seo strategy interface screen",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg",
-          imageAlt: "digital advertising campaign results",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-creative-people-with-laptop-notepad-working-modern-office-cool-guys-discussing-new-project-together-while-spending-time-work_574295-5787.jpg",
-          imageAlt: "creative agency team working",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Effortless design for startups."
+            description="We make it easy for startups to launch, grow, and scale with clean, conversion-focused designs."
+            buttons={[{ text: "Get Started", href: "/contact" }]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg", imageAlt: "modern marketing agency dashboard UI" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378906.jpg", imageAlt: "creative agency studio desk" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", imageAlt: "social media analytics screen" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg", imageAlt: "seo strategy interface screen" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", imageAlt: "digital advertising campaign results" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-creative-people-with-laptop-notepad-working-modern-office-cool-guys-discussing-new-project-together-while-spending-time-work_574295-5787.jpg", imageAlt: "creative agency team working" }
+            ]}
+          />
+        </div>
 
-  <div id="services-feature" data-section="services-feature">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Globe,
-          title: "Web Development",
-          description: "Custom high-performance websites built for growth.",
-        },
-        {
-          icon: Palette,
-          title: "UI/UX Design",
-          description: "User-centric design that drives conversions.",
-        },
-        {
-          icon: Search,
-          title: "SEO",
-          description: "Search engine optimization to dominate your rankings.",
-        },
-        {
-          icon: Share2,
-          title: "Social Media Marketing",
-          description: "Building brands on social platforms.",
-        },
-        {
-          icon: Volume2,
-          title: "Ads Management",
-          description: "Google, Facebook, Instagram, and TikTok experts.",
-        },
-        {
-          icon: Mail,
-          title: "Email Strategy",
-          description: "Targeted campaigns for maximum engagement.",
-        },
-      ]}
-      title="Our Services"
-      description="Comprehensive digital solutions to help your business rank and scale."
-    />
-  </div>
+        <div id="services-feature" data-section="services-feature">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Globe, title: "Web Development", description: "Custom high-performance websites built for growth." },
+              { icon: Palette, title: "UI/UX Design", description: "User-centric design that drives conversions." },
+              { icon: Search, title: "SEO", description: "Search engine optimization to dominate your rankings." },
+              { icon: Share2, title: "Social Media Marketing", description: "Building brands on social platforms." },
+              { icon: Volume2, title: "Ads Management", description: "Google, Facebook, Instagram, and TikTok experts." },
+              { icon: Mail, title: "Email Strategy", description: "Targeted campaigns for maximum engagement." }
+            ]}
+            title="Our Services"
+            description="Comprehensive digital solutions to help your business rank and scale."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Ranking Visions transformed our online presence. Our traffic doubled in months!"
-      rating={5}
-      author="Sarah Johnson, CEO of GrowthCo"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/user-profile-front-side_187299-39595.jpg",
-          alt: "avatar person icon professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/relaxed-woman-with-glasses_1122-1397.jpg",
-          alt: "avatar person icon professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/startup-business-rocket-glyph-flat-style_78370-10803.jpg",
-          alt: "avatar person icon professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/user-profile-icon-front-side-with-white-background_187299-40010.jpg",
-          alt: "avatar person icon professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/business-avatars-collection_23-2147533877.jpg",
-          alt: "avatar person icon professional",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="Ranking Visions transformed our online presence. Our traffic doubled in months!"
+            rating={5}
+            author="Sarah Johnson, CEO of GrowthCo"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/user-profile-front-side_187299-39595.jpg", alt: "avatar person icon professional" },
+              { src: "http://img.b2bpic.net/free-photo/relaxed-woman-with-glasses_1122-1397.jpg", alt: "avatar person icon professional" },
+              { src: "http://img.b2bpic.net/free-vector/startup-business-rocket-glyph-flat-style_78370-10803.jpg", alt: "avatar person icon professional" },
+              { src: "http://img.b2bpic.net/free-photo/user-profile-icon-front-side-with-white-background_187299-40010.jpg", alt: "avatar person icon professional" },
+              { src: "http://img.b2bpic.net/free-vector/business-avatars-collection_23-2147533877.jpg", alt: "avatar person icon professional" }
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Client Success"
-      description="Hear what our partners have to say."
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alex Rivers",
-          handle: "@arivers",
-          testimonial: "Incredible expertise in web dev.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg",
-          imageAlt: "Business owner working on their strategy",
-        },
-        {
-          id: "t2",
-          name: "Elena M.",
-          handle: "@elena_design",
-          testimonial: "The best SEO team I've worked with.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg",
-          imageAlt: "Young woman sitting in library",
-        },
-        {
-          id: "t3",
-          name: "David Cole",
-          handle: "@dcole",
-          testimonial: "Transformed our lead generation process.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
-          imageAlt: "young businessman happy expression",
-        },
-        {
-          id: "t4",
-          name: "Sarah Miller",
-          handle: "@smiller",
-          testimonial: "High quality deliverables, fast turnaround.",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-10223.jpg",
-          imageAlt: "Joyful beautiful blonde woman wearing white shirt, standing in co-working space, leaning on desk, posing, ",
-        },
-        {
-          id: "t5",
-          name: "Kevin J.",
-          handle: "@kj_dev",
-          testimonial: "Highly recommended for any SaaS startup.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-table-office-chatting_171337-17748.jpg",
-          imageAlt: "Happy young man sitting on table in office chatting",
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Client Success"
+            description="Hear what our partners have to say."
+            testimonials={[
+              { id: "t1", name: "Alex Rivers", handle: "@arivers", testimonial: "Incredible expertise in web dev.", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg", imageAlt: "Business owner working on their strategy" },
+              { id: "t2", name: "Elena M.", handle: "@elena_design", testimonial: "The best SEO team I've worked with.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", imageAlt: "Young woman sitting in library" },
+              { id: "t3", name: "David Cole", handle: "@dcole", testimonial: "Transformed our lead generation process.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg", imageAlt: "young businessman happy expression" },
+              { id: "t4", name: "Sarah Miller", handle: "@smiller", testimonial: "High quality deliverables, fast turnaround.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-10223.jpg", imageAlt: "Joyful beautiful blonde woman wearing white shirt" },
+              { id: "t5", name: "Kevin J.", handle: "@kj_dev", testimonial: "Highly recommended for any SaaS startup.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-table-office-chatting_171337-17748.jpg", imageAlt: "Happy young man sitting on table in office chatting" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Innovating the future of digital presence.",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Learn More",
-          href: "/about",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[{ type: "text", content: "Innovating the future of digital presence." }]}
+            buttons={[{ text: "Learn More", href: "/about" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Ranking Visions"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Email",
-              href: "mailto:info@rankingvisions.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Ranking Visions. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Ranking Visions"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+              { title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Email", href: "mailto:info@rankingvisions.com" }] }
+            ]}
+            copyrightText="© 2024 Ranking Visions. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 17f6ae0..faf4d41 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -6,99 +6,67 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { Globe, Palette, Search } from "lucide-react";
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Ranking Visions"
-      button={{
-        text: "Let's Talk",
-        href: "/contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Ranking Visions"
+            button={{ text: "Let's Talk", href: "/contact" }}
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Expanded Services"
-      description="More ways to grow your venture."
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Expanded Services"
+            description="More ways to grow your venture."
+            features={[
+              { icon: Globe, title: "SEO", description: "Dominating search results." },
+              { icon: Palette, title: "UI Design", description: "Crafting beautiful experiences." }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Custom Strategies",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[{ type: "text", content: "Custom Strategies" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Ranking Visions"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Email",
-              href: "mailto:info@rankingvisions.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Ranking Visions. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Ranking Visions"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+              { title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Email", href: "mailto:info@rankingvisions.com" }] }
+            ]}
+            copyrightText="© 2024 Ranking Visions. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );