Update src/app/page.tsx

Merge version_10 into main

src/app/layout.tsx

@@ -7,7 +7,8 @@ import "./styles/base.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "CoreScale - Professional Websites for Small Businesses",  description: "Affordable professional websites for small and local businesses. Build trust, attract customers, and grow your business online with CoreScale."};
+  title: "CoreScale - Professional Websites for Small Businesses",  description: "Affordable professional websites for small and local businesses. Build trust, attract customers, and grow your business online with CoreScale."
+};
 
 export default function RootLayout({
   children,
@@ -1386,4 +1387,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -13,7 +13,9 @@ import { useState } from "react";
 export default function LandingPage() {
   const [submitted, setSubmitted] = useState(false);
   const [formData, setFormData] = useState({
-    fullName: "",    businessName: "",    email: "",    phone: "",    message: ""});
+    fullName: "",    businessName: "",    email: "",    phone: "",    message: ""
+  });
+  const [error, setError] = useState("");
 
   const handlePhoneClick = () => {
     window.location.href = "tel:206-741-9017";
@@ -23,12 +25,39 @@ export default function LandingPage() {
     window.location.href = "mailto:CoreScale.co@gmail.com";
   };
 
-  const handleFormSubmit = (e: React.FormEvent) => {
+  const handleFormSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
-    setSubmitted(true);
-    setFormData({
-      fullName: "",      businessName: "",      email: "",      phone: "",      message: ""});
-    setTimeout(() => setSubmitted(false), 5000);
+    setError("");
+
+    try {
+      // Send email using Formspree
+      const response = await fetch("https://formspree.io/f/mpwazqqq", {
+        method: "POST",        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          name: formData.fullName,
+          email: formData.email,
+          businessName: formData.businessName,
+          phone: formData.phone,
+          message: formData.message,
+          _subject: "New Website Request – CoreScale",          _reply_to: formData.email
+        })
+      });
+
+      if (response.ok) {
+        setSubmitted(true);
+        setFormData({
+          fullName: "",          businessName: "",          email: "",          phone: "",          message: ""
+        });
+        setTimeout(() => setSubmitted(false), 5000);
+      } else {
+        setError("Failed to send form. Please try again.");
+      }
+    } catch (error) {
+      console.error("Error submitting form:", error);
+      setError("An error occurred. Please try again.");
+    }
   };
 
   const handleInputChange = (
@@ -36,7 +65,7 @@ export default function LandingPage() {
   ) => {
     setFormData({
       ...formData,
-      [e.target.name]: e.target.value,
+      [e.target.name]: e.target.value
     });
   };
 
@@ -60,10 +89,11 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Services", id: "services" },
             { name: "Why We Matter", id: "why-matters" },
-            { name: "Contact", id: "contact" },
+            { name: "Contact", id: "contact" }
           ]}
           button={{
-            text: "Get Your Website Today",            href: "contact"}}
+            text: "Get Your Website Today",            href: "contact"
+          }}
           animateOnLoad={true}
         />
       </div>
@@ -81,7 +111,7 @@ export default function LandingPage() {
           showDimOverlay={false}
           buttons={[
             { text: "Get Your Website Today", href: "contact" },
-            { text: "Learn More", href: "about" },
+            { text: "Learn More", href: "about" }
           ]}
           buttonAnimation="slide-up"
         />
@@ -91,7 +121,8 @@ export default function LandingPage() {
         <TextSplitAbout
           title="Why CoreScale?"
           description={[
-            "Most customers search online before visiting or contacting a business. Without a website, your business is missing valuable opportunities to connect with potential customers.",            "CoreScale specializes in helping small businesses get online quickly and affordably. We create professional websites that help businesses look credible, showcase their services, and build lasting customer relationships.",            "We focus on clean design, fast performance, and mobile-friendly layouts that work perfectly on any device. Your website will be a powerful tool to attract new customers and establish trust in your market."]}
+            "Most customers search online before visiting or contacting a business. Without a website, your business is missing valuable opportunities to connect with potential customers.",            "CoreScale specializes in helping small businesses get online quickly and affordably. We create professional websites that help businesses look credible, showcase their services, and build lasting customer relationships.",            "We focus on clean design, fast performance, and mobile-friendly layouts that work perfectly on any device. Your website will be a powerful tool to attract new customers and establish trust in your market."
+          ]}
           buttons={[{ text: "Start Your Journey", href: "contact" }]}
           buttonAnimation="blur-reveal"
           showBorder={false}
@@ -113,20 +144,22 @@ export default function LandingPage() {
               id: "1",              badge: "Website Design",              badgeIcon: Sparkles,
               price: "Starting at $250",              subtitle: "Professional website starting at $250 built to help your business attract more customers online",              buttons: [
                 { text: "Get Started", href: "contact" },
-                { text: "Learn More", href: "#" },
+                { text: "Learn More", href: "#" }
               ],
               features: [
-                "Professional modern design",                "Mobile-friendly layout",                "Fast loading pages",                "Clean and simple user experience",                "Website that builds trust with customers"],
+                "Professional modern design",                "Mobile-friendly layout",                "Fast loading pages",                "Clean and simple user experience",                "Website that builds trust with customers"
+              ]
             },
             {
               id: "2",              badge: "Maintenance & Edits",              badgeIcon: CheckCircle,
               price: "$50/month",              subtitle: "Ongoing support to keep your site fresh",              buttons: [
                 { text: "Add to Service", href: "contact" },
-                { text: "Learn More", href: "#" },
+                { text: "Learn More", href: "#" }
               ],
               features: [
-                "Website updates and content edits",                "Image or text updates",                "Small design improvements",                "Ongoing technical support",                "Keep your website running smoothly"],
-            },
+                "Website updates and content edits",                "Image or text updates",                "Small design improvements",                "Ongoing technical support",                "Keep your website running smoothly"
+              ]
+            }
           ]}
         />
       </div>
@@ -143,11 +176,14 @@ export default function LandingPage() {
           gridVariant="three-columns-all-equal-width"
           features={[
             {
-              id: "01",              title: "Build Trust & Credibility",              description: "A professional website shows customers that you're legitimate and serious about your business. It's often the first impression customers have of your company.",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-responsive-website-design_23-2149483806.jpg",              imageAlt: "Professional website design"},
+              id: "01",              title: "Build Trust & Credibility",              description: "A professional website shows customers that you're legitimate and serious about your business. It's often the first impression customers have of your company.",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-responsive-website-design_23-2149483806.jpg",              imageAlt: "Professional website design"
+            },
             {
-              id: "02",              title: "Attract More Customers",              description: "When customers search online for services you offer, a well-designed website helps them find you. Don't miss out on valuable business opportunities.",              imageSrc: "http://img.b2bpic.net/free-photo/website-construction-error-concept_53876-132306.jpg",              imageAlt: "Customer attraction through online presence"},
+              id: "02",              title: "Attract More Customers",              description: "When customers search online for services you offer, a well-designed website helps them find you. Don't miss out on valuable business opportunities.",              imageSrc: "http://img.b2bpic.net/free-photo/website-construction-error-concept_53876-132306.jpg",              imageAlt: "Customer attraction through online presence"
+            },
             {
-              id: "03",              title: "Stand Out from Competitors",              description: "Many local businesses still don't have websites. By getting online with CoreScale, you'll have a competitive advantage and reach customers your competitors are missing.",              imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-25068.jpg",              imageAlt: "Competitive advantage online"},
+              id: "03",              title: "Stand Out from Competitors",              description: "Many local businesses still don't have websites. By getting online with CoreScale, you'll have a competitive advantage and reach customers your competitors are missing.",              imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-25068.jpg",              imageAlt: "Competitive advantage online"
+            }
           ]}
         />
       </div>
@@ -196,6 +232,11 @@ export default function LandingPage() {
             {/* Contact Form */}
             {!submitted ? (
               <form onSubmit={handleFormSubmit} className="bg-card p-8 rounded-lg">
+                {error && (
+                  <div className="mb-6 p-4 rounded-lg bg-red-50 border border-red-200">
+                    <p className="text-red-800">{error}</p>
+                  </div>
+                )}
                 <div className="grid md:grid-cols-2 gap-6 mb-6">
                   <div>
                     <label
@@ -303,10 +344,10 @@ export default function LandingPage() {
             ) : (
               <div className="bg-green-50 border border-green-200 rounded-lg p-8 text-center">
                 <p className="text-lg font-semibold text-green-800 mb-2">
-                  Thank you for contacting CoreScale.
+                  Thank you for contacting CoreScale. We will reach out to you shortly.
                 </p>
                 <p className="text-green-700">
-                  We will reach out shortly to discuss your website.
+                  We've received your website request and will be in touch soon to discuss your project.
                 </p>
               </div>
             )}
@@ -318,11 +359,13 @@ export default function LandingPage() {
         <FooterLogoReveal
           logoText="CoreScale"
           leftLink={{
-            text: "Privacy Policy",            href: "#"}}
+            text: "Privacy Policy",            href: "#"
+          }}
           rightLink={{
-            text: "Terms of Service",            href: "#"}}
+            text: "Terms of Service",            href: "#"
+          }}
         />
       </div>
     </ThemeProvider>
   );
-}
+}