diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 3098865..7ac43e7 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
-import ProductCardOne from "@/components/sections/product/ProductCardOne";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import Link from "next/link";
 import { Zap, Type, Globe, Palette, Music, Image as ImageIcon, Sparkles } from "lucide-react";
 
@@ -16,7 +16,7 @@ export default function FeaturesPage() {
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="largeSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="solid"
@@ -27,14 +27,12 @@ export default function FeaturesPage() {
           navItems={[
             { name: "Features", id: "features" },
             { name: "Pricing", id: "pricing" },
-            { name: "How It Works", id: "how-it-works" },
+            { name: "How It Works", id: "products" },
             { name: "Testimonials", id: "testimonials" },
             { name: "FAQ", id: "faq" },
           ]}
           button={{
-            text: "Start Free Trial",
-            href: "/contact",
-          }}
+            text: "Start Free Trial",            href: "contact"}}
           brandName="ViralAI Studio"
         />
       </div>
@@ -44,34 +42,22 @@ export default function FeaturesPage() {
           features={[
             {
               icon: Zap,
-              title: "Long Video to Viral Shorts",
-              description: "Upload MP4/MOV files and automatically detect highlights. AI generates optimized 9:16, 16:9, and 1:1 formats with auto-zoom and transitions.",
-            },
+              title: "Long Video to Viral Shorts",              description: "Upload MP4/MOV files and automatically detect highlights. AI generates optimized 9:16, 16:9, and 1:1 formats with auto-zoom and transitions."},
             {
               icon: Type,
-              title: "AI Auto Caption Generator",
-              description: "Speech-to-text transcription with animated TikTok-style captions. Multi-language subtitle support and customizable caption styles.",
-            },
+              title: "AI Auto Caption Generator",              description: "Speech-to-text transcription with animated TikTok-style captions. Multi-language subtitle support and customizable caption styles."},
             {
               icon: Globe,
-              title: "Video Translation & Dubbing",
-              description: "Translate videos into any language with AI voice cloning and lip-sync support. Reach global audiences effortlessly.",
-            },
+              title: "Video Translation & Dubbing",              description: "Translate videos into any language with AI voice cloning and lip-sync support. Reach global audiences effortlessly."},
             {
               icon: Palette,
-              title: "Cartoon & Animation Generator",
-              description: "Convert real video into 3D, Anime, or Sketch animation styles. Add AI avatar presenters for personalized content.",
-            },
+              title: "Cartoon & Animation Generator",              description: "Convert real video into 3D, Anime, or Sketch animation styles. Add AI avatar presenters for personalized content."},
             {
               icon: Music,
-              title: "Beat Sync Editing",
-              description: "Upload music and auto-cut videos to beat drops. Add transitions synchronized perfectly to music tempo.",
-            },
+              title: "Beat Sync Editing",              description: "Upload music and auto-cut videos to beat drops. Add transitions synchronized perfectly to music tempo."},
             {
               icon: ImageIcon,
-              title: "Auto Thumbnail Generator",
-              description: "AI face detection, viral YouTube templates, and bold text overlays. Generate thumbnails that maximize click-through rates.",
-            },
+              title: "Auto Thumbnail Generator",              description: "AI face detection, viral YouTube templates, and bold text overlays. Generate thumbnails that maximize click-through rates."},
           ]}
           title="Powerful AI-Driven Features"
           description="Everything creators need to produce viral content at scale. From intelligent video analysis to automated editing, ViralAI Studio handles the heavy lifting."
@@ -83,30 +69,15 @@ export default function FeaturesPage() {
         />
       </div>
 
-      <div id="how-it-works" data-section="how-it-works">
+      <div id="products" data-section="products">
         <ProductCardOne
           products={[
             {
-              id: "1",
-              name: "Smart Highlight Detection",
-              price: "AI-Powered",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/visual-representation-of-video-conversio-1772497231109-892372a4.png?_wi=2",
-              imageAlt: "Video conversion to shorts",
-            },
+              id: "1",              name: "Smart Highlight Detection",              price: "AI-Powered",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/visual-representation-of-video-conversio-1772497231109-892372a4.png",              imageAlt: "Video conversion to shorts"},
             {
-              id: "2",
-              name: "Animated Captions",
-              price: "Multi-Language",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/modern-video-frame-showing-ai-generated--1772497231199-6a63da07.png?_wi=2",
-              imageAlt: "AI-generated animated captions",
-            },
+              id: "2",              name: "Animated Captions",              price: "Multi-Language",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/modern-video-frame-showing-ai-generated--1772497231199-6a63da07.png",              imageAlt: "AI-generated animated captions"},
             {
-              id: "3",
-              name: "Animation Styles",
-              price: "Multiple Formats",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/showcase-multiple-animation-style-conver-1772497231229-b973d03e.png?_wi=2",
-              imageAlt: "Animation style conversions",
-            },
+              id: "3",              name: "Animation Styles",              price: "Multiple Formats",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/showcase-multiple-animation-style-conver-1772497231229-b973d03e.png",              imageAlt: "Animation style conversions"},
           ]}
           title="Key Video Processing Features"
           description="Comprehensive toolkit for modern content creators. Each feature is optimized for viral content generation and multi-platform publishing."
@@ -150,17 +121,15 @@ export default function FeaturesPage() {
         <FooterBase
           columns={[
             {
-              title: "Product",
-              items: [
-                { label: "Features", href: "/features" },
-                { label: "Pricing", href: "/pricing" },
+              title: "Product",              items: [
+                { label: "Features", href: "features" },
+                { label: "Pricing", href: "pricing" },
                 { label: "API Docs", href: "https://docs.viralaistudio.com" },
                 { label: "Roadmap", href: "#" },
               ],
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About Us", href: "#" },
                 { label: "Blog", href: "https://blog.viralaistudio.com" },
                 { label: "Careers", href: "#" },
@@ -168,10 +137,9 @@ export default function FeaturesPage() {
               ],
             },
             {
-              title: "Support",
-              items: [
-                { label: "Help Center", href: "#faq" },
-                { label: "Contact", href: "/contact" },
+              title: "Support",              items: [
+                { label: "Help Center", href: "faq" },
+                { label: "Contact", href: "contact" },
                 { label: "Community", href: "#" },
                 { label: "Status Page", href: "#" },
               ],