Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -24,7 +24,7 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="mediumLarge"
       sizing="largeSmallSizeLargeTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -45,38 +45,24 @@ export default function ContactPage() {
           description="Let's talk about your website. Tell us about your business, and we'll show you exactly how we can help you attract more clients and grow your bottom line."
           inputs={[
             {
-              name: "fullName",
+              name: "fullName",              type: "text",              placeholder: "Your Full Name",              required: true,
-              type: "text",
-              placeholder: "Your Full Name",
-              required: true,
             },
             {
-              name: "businessEmail",
+              name: "businessEmail",              type: "email",              placeholder: "Business Email Address",              required: true,
-              type: "email",
-              placeholder: "Business Email Address",
-              required: true,
             },
             {
-              name: "businessName",
+              name: "businessName",              type: "text",              placeholder: "Business Name",              required: true,
-              type: "text",
-              placeholder: "Business Name",
-              required: true,
             },
             {
-              name: "serviceType",
+              name: "serviceType",              type: "text",              placeholder: "Type of Service (e.g., Plumbing, Electrical, Renovation)"},
-              type: "text",
-              placeholder: "Type of Service (e.g., Plumbing, Electrical, Renovation)",
-            },
           ]}
           textarea={{
-            name: "message",
+            name: "message",            placeholder:
-            placeholder:
+              "Tell us about your business and what you're looking to achieve with a new website...",            rows: 5,
-              "Tell us about your business and what you're looking to achieve with a new website...",
-            rows: 5,
             required: true,
           }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-team-of-web-designers-and-1772524381824-5e8170ca.png?_wi=3"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-professional-team-of-web-designers-and-1772524381824-5e8170ca.png"
           imageAlt="BuildTrades team collaborating on web projects"
           mediaPosition="right"
           mediaAnimation="slide-up"
@@ -96,25 +82,16 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "How long does it take to build my website?",              content:
-              title: "How long does it take to build my website?",
+                "Most projects are completed within 4-6 weeks from start to finish. This includes discovery, design, development, testing, and launch. We'll provide you with a specific timeline during our initial consultation."},
-              content:
-                "Most projects are completed within 4-6 weeks from start to finish. This includes discovery, design, development, testing, and launch. We'll provide you with a specific timeline during our initial consultation.",
-            },
             {
-              id: "2",
+              id: "2",              title: "Can I update my website myself?",              content:
-              title: "Can I update my website myself?",
+                "Yes! We build sites with user-friendly content management systems. We provide training and documentation so you can update your portfolio, services, and pricing easily. Our support team is also available to help."},
-              content:
-                "Yes! We build sites with user-friendly content management systems. We provide training and documentation so you can update your portfolio, services, and pricing easily. Our support team is also available to help.",
-            },
             {
-              id: "3",
+              id: "3",              title: "What's the next step after I fill out this form?",              content:
-              title: "What's the next step after I fill out this form?",
+                "Once you submit, our team will review your information and reach out within 24 business hours to schedule a discovery call. During this call, we'll learn about your business, discuss your goals, and provide a custom proposal."},
-              content:
-                "Once you submit, our team will review your information and reach out within 24 business hours to schedule a discovery call. During this call, we'll learn about your business, discuss your goals, and provide a custom proposal.",
-            },
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-helpful-customer-service-representativ-1772524380874-1ceecd4b.png?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQUTdG9bI9SIob3c5ogoGiecMG/a-helpful-customer-service-representativ-1772524380874-1ceecd4b.png"
           imageAlt="Customer support team helping with website questions"
           mediaPosition="left"
           mediaAnimation="slide-up"
@@ -129,35 +106,31 @@ export default function ContactPage() {
           logoText="BuildTrades"
           columns={[
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About Us", href: "/about" },
-                { label: "Our Process", href: "/" },
+                { label: "Our Process", href: "#services" },
-                { label: "Portfolio", href: "/" },
+                { label: "Portfolio", href: "#portfolio" },
                 { label: "Pricing", href: "/pricing" },
               ],
             },
             {
-              title: "Services",
+              title: "Services",              items: [
-              items: [
+                { label: "Website Design", href: "#" },
-                { label: "Website Design", href: "/" },
+                { label: "SEO Services", href: "#" },
-                { label: "SEO Services", href: "/" },
+                { label: "Lead Generation", href: "#" },
-                { label: "Lead Generation", href: "/" },
+                { label: "Website Maintenance", href: "#" },
-                { label: "Website Maintenance", href: "/" },
               ],
             },
             {
-              title: "Resources",
+              title: "Resources",              items: [
-              items: [
+                { label: "Blog", href: "#" },
-                { label: "Blog", href: "/" },
+                { label: "Case Studies", href: "#" },
-                { label: "Case Studies", href: "/" },
+                { label: "FAQ", href: "#faq" },
-                { label: "FAQ", href: "/" },
+                { label: "Contact Us", href: "#contact" },
-                { label: "Contact Us", href: "/contact" },
               ],
             },
             {
-              title: "Connect",
+              title: "Connect",              items: [
-              items: [
                 { label: "Facebook", href: "https://facebook.com" },
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Instagram", href: "https://instagram.com" },