Merge version_7 into main

Merge version_7 into main

src/app/api/contact/route.ts

@@ -0,0 +1,58 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const { email, recipientEmail = 'Luxorasites.build@gmail.com' } = body;
+
+    if (!email) {
+      return NextResponse.json(
+        { error: 'Email is required' },
+        { status: 400 }
+      );
+    }
+
+    // Send email using a service like Resend, SendGrid, or Nodemailer
+    // For now, we'll use Resend (popular choice for Next.js)
+    // You'll need to install: npm install resend
+    // And set RESEND_API_KEY environment variable
+
+    // Example using Resend:
+    const response = await fetch('https://api.resend.com/emails', {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${process.env.RESEND_API_KEY}`,
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        from: 'noreply@luxorasites.com',
+        to: recipientEmail,
+        subject: 'New Website Inquiry',
+        html: `
+          <h2>New Contact Form Submission</h2>
+          <p><strong>Email:</strong> ${email}</p>
+          <p>A new visitor has submitted their email through the contact form on your website.</p>
+        `,
+      }),
+    });
+
+    if (!response.ok) {
+      console.error('Failed to send email:', await response.text());
+      return NextResponse.json(
+        { error: 'Failed to send email' },
+        { status: 500 }
+      );
+    }
+
+    return NextResponse.json(
+      { success: true, message: 'Email sent successfully' },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error('Contact form error:', error);
+    return NextResponse.json(
+      { error: 'Internal server error' },
+      { status: 500 }
+    );
+  }
+}

src/app/layout.tsx

@@ -23,11 +23,14 @@ const interTight = Inter_Tight({
 export const metadata: Metadata = {
   title: "Luxora Sites | Premium Websites for Local Businesses",  description: "Get a stunning, high-converting website designed specifically for local businesses. Luxora Sites builds premium sites that turn visitors into customers.",  keywords: "web design, local business websites, luxury web design, small business website, high-converting websites",  metadataBase: new URL("https://luxorasites.com"),
   alternates: {
-    canonical: "https://luxorasites.com"},
+    canonical: "https://luxorasites.com"
+  },
   openGraph: {
-    title: "Luxora Sites | Premium Websites for Local Businesses",    description: "Premium websites for local businesses that convert. Stop losing customers without an online presence.",    url: "https://luxorasites.com",    siteName: "Luxora Sites",    type: "website"},
+    title: "Luxora Sites | Premium Websites for Local Businesses",    description: "Premium websites for local businesses that convert. Stop losing customers without an online presence.",    url: "https://luxorasites.com",    siteName: "Luxora Sites",    type: "website"
+  },
   twitter: {
-    card: "summary_large_image",    title: "Luxora Sites | Premium Websites for Local Businesses",    description: "Premium websites for local businesses that convert. Stop losing customers without an online presence."},
+    card: "summary_large_image",    title: "Luxora Sites | Premium Websites for Local Businesses",    description: "Premium websites for local businesses that convert. Stop losing customers without an online presence."
+  },
   robots: {
     index: true,
     follow: true,

src/app/page.tsx

@@ -251,12 +251,22 @@ export default function LandingPage() {
         <ContactCenter
           tag="Ready to Win?"
           title="Your Next Customer Is Searching Online Right Now."
-          description="Don't let them find your competitor. Launch your luxury website and start converting customers today. Limited availability for new projects."
+          description="Don't let them find your competitor. Launch your luxury website and start converting customers today. Limited availability for new projects. Email us at Luxorasites.build@gmail.com to get started."
           background={{ variant: "rotated-rays-animated" }}
           useInvertedBackground={true}
           inputPlaceholder="your@email.com"
           buttonText="Start My Website"
           termsText="We'll contact you within 24 hours to discuss your project. No spam, just premium web solutions."
+          onSubmit={(email: string) => {
+            // Send email to Luxorasites.build@gmail.com
+            fetch('/api/contact', {
+              method: 'POST',
+              headers: {
+                'Content-Type': 'application/json',
+              },
+              body: JSON.stringify({ email, recipientEmail: 'Luxorasites.build@gmail.com' }),
+            }).catch(err => console.error('Error submitting contact form:', err));
+          }}
         />
       </div>