Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -1,10 +1,10 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ContactSplit from "@/components/sections/contact/ContactSplit";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterBase from "@/components/sections/footer/FooterBase";
+import FooterBase from '@/components/sections/footer/FooterBase';
 import { HelpCircle } from "lucide-react";
 
 export default function ContactPage() {
@@ -19,7 +19,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="largeSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="solid"
@@ -30,14 +30,12 @@ export default function ContactPage() {
           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",
+            text: "Start Free Trial",            href: "contact"}}
-            href: "/contact",
-          }}
           brandName="ViralAI Studio"
         />
       </div>
@@ -49,7 +47,7 @@ export default function ContactPage() {
           description="Get the latest features, tips, and best practices delivered to your inbox. Join our creator community and never miss an update."
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/abstract-technology-background-with-warm-1772497231143-4baf05db.png?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/abstract-technology-background-with-warm-1772497231143-4baf05db.png"
           imageAlt="ViralAI Studio technology background"
           mediaAnimation="slide-up"
           mediaPosition="left"
@@ -64,20 +62,11 @@ export default function ContactPage() {
         <FaqSplitMedia
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "How does AI highlight detection work?",              content: "Our AI analyzes video content using advanced machine learning models to identify moments with high engagement potential. It considers factors like visual changes, audio peaks, scene transitions, and sentiment analysis. The system learns from viral content patterns to ensure your shorts have maximum impact."},
-              title: "How does AI highlight detection work?",
-              content: "Our AI analyzes video content using advanced machine learning models to identify moments with high engagement potential. It considers factors like visual changes, audio peaks, scene transitions, and sentiment analysis. The system learns from viral content patterns to ensure your shorts have maximum impact.",
-            },
             {
-              id: "2",
+              id: "2",              title: "What video formats are supported?",              content: "ViralAI Studio supports MP4, MOV, AVI, MKV, and WebM formats. We can process videos in any resolution from 720p to 8K, and automatically optimize them for your chosen export format. Upload larger files with our cloud processing or batch upload multiple videos."},
-              title: "What video formats are supported?",
-              content: "ViralAI Studio supports MP4, MOV, AVI, MKV, and WebM formats. We can process videos in any resolution from 720p to 8K, and automatically optimize them for your chosen export format. Upload larger files with our cloud processing or batch upload multiple videos.",
-            },
             {
-              id: "3",
+              id: "3",              title: "Can I export to multiple platforms at once?",              content: "Yes! One of our key features is simultaneous multi-platform export. Generate 16:9 (YouTube), 9:16 (TikTok/Reels), and 1:1 (Instagram Feed) versions in a single click. You can also set up direct posting to your social media accounts with our integrations."},
-              title: "Can I export to multiple platforms at once?",
-              content: "Yes! One of our key features is simultaneous multi-platform export. Generate 16:9 (YouTube), 9:16 (TikTok/Reels), and 1:1 (Instagram Feed) versions in a single click. You can also set up direct posting to your social media accounts with our integrations.",
-            },
           ]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/friendly-customer-support-representative-1772497230606-2e080611.png"
           imageAlt="ViralAI Studio customer support"
@@ -120,17 +109,15 @@ export default function ContactPage() {
         <FooterBase
           columns={[
             {
-              title: "Product",
+              title: "Product",              items: [
-              items: [
+                { label: "Features", href: "features" },
-                { label: "Features", href: "/features" },
+                { label: "Pricing", href: "pricing" },
-                { label: "Pricing", href: "/pricing" },
                 { label: "API Docs", href: "https://docs.viralaistudio.com" },
                 { label: "Roadmap", href: "#" },
               ],
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About Us", href: "#" },
                 { label: "Blog", href: "https://blog.viralaistudio.com" },
                 { label: "Careers", href: "#" },
@@ -138,10 +125,9 @@ export default function ContactPage() {
               ],
             },
             {
-              title: "Support",
+              title: "Support",              items: [
-              items: [
+                { label: "Help Center", href: "faq" },
-                { label: "Help Center", href: "#faq" },
+                { label: "Contact", href: "contact" },
-                { label: "Contact", href: "/contact" },
                 { label: "Community", href: "#" },
                 { label: "Status Page", href: "#" },
               ],