diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index f7f72ea..7cb78a7 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,124 +2,37 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Rocket } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSizeMediumTitles"
-        background="circleGradient"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="bold"
-    >
+    <ThemeProvider>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Blog",
-          id: "/blog",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Moeez Ecom"
-    />
-  </div>
-
-  <div id="about-agency" data-section="about-agency">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="About Moeez Ecom Solutions"
-      description="Built to help Shopify store owners save time, improve store performance, and grow sales with expert eCommerce support."
-      metrics={[
-        {
-          value: "500+",
-          title: "Projects Completed",
-        },
-        {
-          value: "98%",
-          title: "Client Satisfaction",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg"
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Leadership Team"
-      description="Passionate experts behind the growth."
-      members={[
-        {
-          id: "m1",
-          name: "Moeez",
-          role: "Founder",
-          description: "eCommerce visionary.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg",
-        },
-        {
-          id: "m2",
-          name: "Jane",
-          role: "Lead Designer",
-          description: "Creative design expert.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Moeez Ecom"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <NavbarStyleCentered 
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "About", id: "/about" }
+            ]}
+            brandName="Moeez Ecom"
+        />
+        <TestimonialAboutCard
+          tag="About Us"
+          title="Driving E-commerce Excellence"
+          description="At Moeez Ecom, we believe that every brand deserves a store that converts. Our expert team of developers and strategists works around the clock to ensure your business thrives in the competitive digital landscape."
+          subdescription="We started with a simple vision: to empower shop owners with top-tier technology and data-backed strategies. Today, we've helped hundreds of brands scale to seven figures."
+          icon={Rocket}
+          imageSrc="http://img.b2bpic.net/free-photo/successful-team-business-people-meeting-modern-office_1163-4481.jpg"
+        />
+        <FooterLogoReveal
+          logoText="Moeez Ecom"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index bec0a62..5d3dea1 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -2,150 +2,26 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
-export default function LandingPage() {
+export default function BlogPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSizeMediumTitles"
-        background="circleGradient"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="bold"
-    >
+    <ThemeProvider>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Blog",
-          id: "/blog",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Moeez Ecom"
-    />
-  </div>
-
-  <div id="blog-list" data-section="blog-list">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Latest Insights"
-      description="Guides and tips for your success."
-      blogs={[
-        {
-          id: "b1",
-          category: "Growth",
-          title: "Building a High-Converting Store",
-          excerpt: "Essential steps for success.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8he1q7",
-          authorName: "Moeez",
-          authorAvatar: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
-          date: "2023-10-01",
-        },
-        {
-          id: "b2",
-          category: "SEO",
-          title: "Shopify SEO Tips",
-          excerpt: "Rank better in search.",
-          imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-cart-e-commers-concept_53876-127436.jpg",
-          authorName: "Moeez",
-          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
-          date: "2023-10-05",
-        },
-        {
-          id: "b3",
-          category: "Sales",
-          title: "Fixing Low Sales Issues",
-          excerpt: "Common pitfalls to avoid.",
-          imageSrc: "http://img.b2bpic.net/free-photo/clothes-search-bar-box-banner-badge_53876-133802.jpg",
-          authorName: "Moeez",
-          authorAvatar: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
-          date: "2023-10-10",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="blog" data-section="blog">
-      <BlogCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Industry Trends"
-      description="Stay ahead of the competition."
-      blogs={[
-        {
-          id: "bl1",
-          category: "General",
-          title: "Future of Shopify",
-          excerpt: "What to expect in 2025.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-style-fashion-sense-trendy_53876-13863.jpg",
-          authorName: "Moeez",
-          authorAvatar: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
-          date: "2024-01-01",
-        },
-        {
-          id: "bl2",
-          category: "Tips",
-          title: "Store UX Best Practices",
-          excerpt: "Maximize your conversions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg",
-          authorName: "Moeez",
-          authorAvatar: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
-          date: "2024-01-10",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Moeez Ecom"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Blog", id: "/blog"}, {name: "Contact", id: "/contact"}]} brandName="Moeez Ecom" />
+        <BlogCardThree 
+            animationType="slide-up"
+            textboxLayout="default"
+            title="Latest Insights"
+            description="Our thoughts on Shopify, CRO, and digital growth."
+            blogs={[
+                { id: "1", category: "Development", title: "Optimizing Shopify Speed", excerpt: "Learn how to make your store load under 2 seconds.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-friday-sales-arrangement-with-tablet_23-2149093516.jpg", authorName: "Moeez", authorAvatar: "", date: "2024-05-01" }
+            ]}
+        />
+        <FooterLogoReveal logoText="Moeez Ecom" leftLink={{text: "Privacy", href: "#"}} rightLink={{text: "Terms", href: "#"}} />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 3869a60..4b548be 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,106 +2,27 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import ButtonBounceEffect from '@/components/button/ButtonBounceEffect/ButtonBounceEffect';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSizeMediumTitles"
-        background="circleGradient"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="bold"
-    >
+    <ThemeProvider>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Blog",
-          id: "/blog",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Moeez Ecom"
-    />
-  </div>
-
-  <div id="contact-cta" data-section="contact-cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Talk"
-      title="Book Your Free Shopify Consultation"
-      description="Ready to scale your store? Our experts are here to help."
-      buttons={[
-        {
-          text: "Schedule Call",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Connect"
-      title="Directly with us"
-      description="Need a custom solution?"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Moeez Ecom"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Blog", id: "/blog"}, {name: "Contact", id: "/contact"}]} brandName="Moeez Ecom" />
+        <ContactSplitForm 
+            title="Contact Us"
+            description="Reach out for any Shopify project inquiries."
+            inputs={[{name: "name", type: "text", placeholder: "Name"}, {name: "email", type: "email", placeholder: "Email"}]}
+            textarea={{name: "message", placeholder: "Your message"}}
+        />
+        <div className="flex justify-center py-10">
+            <ButtonBounceEffect text="Message us on WhatsApp" href="https://wa.me/yournumber" />
+        </div>
+        <FooterLogoReveal logoText="Moeez Ecom" leftLink={{text: "Privacy", href: "#"}} rightLink={{text: "Terms", href: "#"}} />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 68a6897..d9d1805 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,34 +28,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Blog",
-          id: "/blog",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "Portfolio", id: "/portfolio" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "About", id: "/about" },
+        { name: "Blog", id: "/blog" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Moeez Ecom"
     />
@@ -63,64 +42,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Build, Optimize & Scale Your Shopify Store With Experts"
       description="Moeez Ecom Solutions helps eCommerce brands launch high-converting Shopify stores, improve product pages, fix store issues, and grow with SEO, CRO, and marketing support."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg", alt: "Client 5" },
       ]}
       buttons={[
-        {
-          text: "Get Free Consultation",
-          href: "/contact",
-        },
-        {
-          text: "View Services",
-          href: "/services",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Shopify Gold Partner",
-        },
-        {
-          type: "text",
-          text: "24/7 Expert Support",
-        },
-        {
-          type: "text",
-          text: "SEO-First Design",
-        },
-        {
-          type: "text",
-          text: "Conversion Rate Optimization",
-        },
-        {
-          type: "text",
-          text: "Global E-commerce Growth",
-        },
+        { text: "Get Free Consultation", href: "/contact" },
+        { text: "View Services", href: "/services" },
       ]}
     />
   </div>
@@ -132,46 +66,8 @@ export default function LandingPage() {
       title="Client Success Stories"
       description="See why top brands trust us."
       testimonials={[
-        {
-          id: "t1",
-          title: "Amazing Results",
-          quote: "Moeez Ecom transformed our store completely.",
-          name: "Sarah J.",
-          role: "CEO, FashionCo",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
-        },
-        {
-          id: "t2",
-          title: "Exceptional Growth",
-          quote: "Our sales increased 3x in just two months.",
-          name: "Mark D.",
-          role: "Owner, GadgetGear",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-        },
-        {
-          id: "t3",
-          title: "Expert Service",
-          quote: "Professional, fast, and very efficient.",
-          name: "Linda W.",
-          role: "Marketing Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-        },
-        {
-          id: "t4",
-          title: "Highly Recommend",
-          quote: "Best development agency I have worked with.",
-          name: "David L.",
-          role: "Owner, SkinCare",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-        },
-        {
-          id: "t5",
-          title: "Great Support",
-          quote: "They really care about our project success.",
-          name: "John S.",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-        },
+        { id: "t1", title: "Amazing Results", quote: "Moeez Ecom transformed our store completely.", name: "Sarah J.", role: "CEO, FashionCo" },
+        { id: "t2", title: "Exceptional Growth", quote: "Our sales increased 3x in just two months.", name: "Mark D.", role: "Owner, GadgetGear" },
       ]}
     />
   </div>
@@ -184,31 +80,8 @@ export default function LandingPage() {
       description="Get answers to common queries about our agency."
       faqsAnimation="slide-up"
       faqs={[
-        {
-          id: "f1",
-          title: "How long does a store build take?",
-          content: "Typically 2-4 weeks depending on requirements.",
-        },
-        {
-          id: "f2",
-          title: "Do you provide marketing services?",
-          content: "Yes, we specialize in high-ROI ad setups.",
-        },
-        {
-          id: "f3",
-          title: "Can you fix my existing store issues?",
-          content: "Yes, we offer audit and fix services.",
-        },
-        {
-          id: "f4",
-          title: "What platforms do you support?",
-          content: "We primarily focus on the Shopify ecosystem.",
-        },
-        {
-          id: "f5",
-          title: "How do we get started?",
-          content: "Book a discovery call on our contact page.",
-        },
+        { id: "f1", title: "How long does a store build take?", content: "Typically 2-4 weeks depending on requirements." },
+        { id: "f2", title: "Do you provide marketing services?", content: "Yes, we specialize in high-ROI ad setups." },
       ]}
     />
   </div>
@@ -222,31 +95,8 @@ export default function LandingPage() {
       title="Why Moeez Ecom?"
       description="We blend design and strategy for results."
       features={[
-        {
-          title: "High Conversions",
-          description: "Focusing on data-driven design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg",
-        },
-        {
-          title: "SEO Optimized",
-          description: "Rank higher in search results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-friday-sales-arrangement-with-tablet_23-2149093516.jpg",
-        },
-        {
-          title: "Fast Loading",
-          description: "Performance-first code.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443518.jpg",
-        },
-        {
-          title: "Modern UI/UX",
-          description: "Clean, premium aesthetics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg",
-        },
-        {
-          title: "Secure Payments",
-          description: "Trustworthy checkout setups.",
-          imageSrc: "http://img.b2bpic.net/free-photo/conversation-cloud-pink-shopping-bag_23-2147930829.jpg",
-        },
+        { title: "High Conversions", description: "Focusing on data-driven design.", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg" },
+        { title: "SEO Optimized", description: "Rank higher in search results.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-friday-sales-arrangement-with-tablet_23-2149093516.jpg" },
       ]}
     />
   </div>
@@ -254,9 +104,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get in touch"
       title="Start your journey today"
       description="Drop us a line to discuss your store's future."
@@ -266,14 +114,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Moeez Ecom"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index c9267cd..42eb053 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
-export default function LandingPage() {
+export default function PortfolioPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -22,126 +21,37 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Blog",
-          id: "/blog",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Moeez Ecom"
-    />
-  </div>
-
-  <div id="portfolio-grid" data-section="portfolio-grid">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Fashion Brand Store",
-          price: "View Project",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-shopaholics-e-commerce-e-shopping-concept_53876-120673.jpg",
-        },
-        {
-          id: "p2",
-          name: "Beauty Brand Store",
-          price: "View Project",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-surrounded-by-accesories_23-2148135550.jpg",
-        },
-        {
-          id: "p3",
-          name: "Tech Gadget Store",
-          price: "View Project",
-          variant: "CRO",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-holding-shopping-bags-both-hands_23-2148316545.jpg",
-        },
-        {
-          id: "p4",
-          name: "Fashion Brand Store",
-          price: "View Project",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-collection-design-shopping-graphic-words_53876-125567.jpg",
-        },
-        {
-          id: "p5",
-          name: "Beauty Brand Store",
-          price: "View Project",
-          variant: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
-        },
-        {
-          id: "p6",
-          name: "Tech Gadget Store",
-          price: "View Project",
-          variant: "CRO",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clothes-bed-fast-fashion-concept_23-2149726122.jpg",
-        },
-      ]}
-      title="Our Recent Work"
-      description="Proven results for high-growth brands."
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted By Industry Leaders"
-      description="Proven results for high-growth brands."
-      names={[
-        "Brand A",
-        "Brand B",
-        "Brand C",
-        "Brand D",
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Moeez Ecom"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Portfolio", id: "/portfolio" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "/about" },
+            { name: "Blog", id: "/blog" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Moeez Ecom"
+        />
+        <FeatureCardThree
+          title="Case Studies & Projects"
+          description="Explore our recent success stories across various industries."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          features={[
+            { title: "Fashion Hub Redesign", description: "Increased conversion rate by 45% for a premium apparel brand.", imageSrc: "http://img.b2bpic.net/free-photo/ecommerce-fashion-store-web-design_1234-5678.jpg" },
+            { title: "Electronics Marketplace", description: "Built a robust inventory system with automated logistics.", imageSrc: "http://img.b2bpic.net/free-photo/electronics-store-mockup_9876-5432.jpg" },
+            { title: "Beauty Brand Launch", description: "Full-funnel campaign strategy and Shopify store build.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-store-showcase_1122-3344.jpg" }
+          ]}
+        />
+        <FooterLogoReveal
+          logoText="Moeez Ecom"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 3ed5fd1..e87a2a4 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -2,158 +2,38 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
-export default function LandingPage() {
+export default function PricingPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSizeMediumTitles"
-        background="circleGradient"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="bold"
-    >
+    <ThemeProvider>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Blog",
-          id: "/blog",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Moeez Ecom"
-    />
-  </div>
-
-  <div id="pricing-plans" data-section="pricing-plans">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "starter",
-          name: "Starter",
-          price: "$499",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "/contact",
-            },
-          ],
-          features: [
-            "Basic Shopify setup",
-            "5 pages",
-            "Basic product upload",
-          ],
-        },
-        {
-          id: "growth",
-          name: "Growth",
-          price: "$999",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "/contact",
-            },
-          ],
-          features: [
-            "Full design",
-            "SEO setup",
-            "Speed optimization",
-          ],
-        },
-        {
-          id: "premium",
-          name: "Premium",
-          price: "$1999",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "/contact",
-            },
-          ],
-          features: [
-            "Complete solution",
-            "Email marketing",
-            "Ads setup",
-          ],
-        },
-      ]}
-      title="Our Packages"
-      description="Transparent pricing for your growth."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Pricing FAQs"
-      description="Common questions about our plans."
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "p1",
-          title: "Refund policy?",
-          content: "We offer a 14-day satisfaction guarantee.",
-        },
-        {
-          id: "p2",
-          title: "Payment plans?",
-          content: "Yes, we accept major credit cards and wire.",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Moeez Ecom"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <NavbarStyleCentered 
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "About", id: "/about" }
+            ]}
+            brandName="Moeez Ecom"
+        />
+        <PricingCardEight
+          title="Transparent Pricing"
+          description="Simple plans designed for scaling your store."
+          animationType="slide-up"
+          plans={[
+            { id: "p1", badge: "Starter", price: "$499", subtitle: "Best for new stores", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Store Setup", "Basic SEO", "Speed Optimization"] },
+            { id: "p2", badge: "Growth", price: "$999", subtitle: "Best for scaling brands", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Custom Design", "Conversion Audit", "Advanced SEO", "Marketing Support"] },
+            { id: "p3", badge: "Scale", price: "$1999", subtitle: "Best for enterprise", buttons: [{ text: "Get Started", href: "/contact" }], features: ["Custom Development", "Full CRO", "Dedicated Manager", "Priority Support"] }
+          ]}
+        />
+        <FooterLogoReveal
+          logoText="Moeez Ecom"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 34f4cc5..136b10d 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { LayoutGrid, Zap, ShieldCheck, Search, Palette } from 'lucide-react';
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -22,112 +22,38 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Blog",
-          id: "/blog",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Moeez Ecom"
-    />
-  </div>
-
-  <div id="services-list" data-section="services-list">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "Store Design",
-          description: "Beautiful, high-converting store designs.",
-          tag: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-laptop-device_23-2150781053.jpg",
-        },
-        {
-          id: "s2",
-          title: "Speed Optimization",
-          description: "Faster stores lead to more sales.",
-          tag: "Speed",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-blank-screen-surrounded-by-shopping-cart-palm-tree-sheep_187299-47338.jpg",
-        },
-        {
-          id: "s3",
-          title: "Marketing Ads",
-          description: "Facebook and Instagram ad experts.",
-          tag: "Ads",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-credit-card-payment-online-shopping-bag-ecommerce-concept-blue-background-3d-illustration_56104-1788.jpg",
-        },
-      ]}
-      title="Our Shopify Services"
-      description="Comprehensive solutions to grow your business."
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Approach"
-      description="Strategic, fast, effective."
-      features={[
-        {
-          title: "Research",
-          description: "Understanding your users.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-prepare-clothing-new-journey_53876-47006.jpg",
-        },
-        {
-          title: "Prototype",
-          description: "Testing the layout.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tailoring-studio-with-dress-form-laptop_23-2148834162.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Moeez Ecom"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Portfolio", id: "/portfolio" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "/about" },
+            { name: "Blog", id: "/blog" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Moeez Ecom"
+        />
+        <FeatureHoverPattern
+          title="Our Core Services"
+          description="Comprehensive solutions tailored to scale your eCommerce business."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            { icon: LayoutGrid, title: "Store Development", description: "High-performance, custom Shopify themes built from scratch." },
+            { icon: Zap, title: "Performance Optimization", description: "Lightning-fast load times for better user experience." },
+            { icon: ShieldCheck, title: "Security & Maintenance", description: "Regular updates and secure checkout configurations." },
+            { icon: Search, title: "SEO Strategy", description: "Data-driven optimization to rank higher in search engines." },
+            { icon: Palette, title: "UX/UI Design", description: "Conversion-focused aesthetics for your brand identity." }
+          ]}
+        />
+        <FooterLogoReveal
+          logoText="Moeez Ecom"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 7fddf9f..2d359d9 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,14 +10,14 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
   --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #121212;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #15479c;
+  --accent: #0a7039;
   --background-accent: #001a0a;
 
   /* text sizing - set by ThemeProvider */