Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function ContactPage() {
@@ -13,18 +13,17 @@ export default function ContactPage() {
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
         contentWidth="medium"
-        sizing="mediumLargeSizeLargeTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="bold"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
         <NavbarStyleApple
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Services", id: "/services" },
             { name: "Portfolio", id: "/portfolio" },
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" },
@@ -33,18 +32,19 @@ export default function ContactPage() {
         />
         
         <div className="pt-32 pb-20">
-            <ContactCenter
+            <ContactCTA
                 tag="Get in Touch"
                 title="Let's Build Something Great"
                 description="Ready to discuss your next project? Send us a message and we'll be in touch shortly."
                 background={{ variant: "plain" }}
+                useInvertedBackground={false}
+                buttons={[{ text: "Email Us", href: "mailto:hello@amped.com" }]}
             />
         </div>
 
         <FooterLogoEmphasis
           columns={[
-            { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
-            { items: [{ label: "Tallahassee, FL", href: "#" }, { label: "© 2026", href: "#" }] },
+            { items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
           ]}
           logoText="Amped Web Solutions"
         />