diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b5021d3..157817a 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -20,19 +20,19 @@ const figtree = Figtree({ }); export const metadata: Metadata = { - title: "Stratus Web Co | Websites Built to Convert Local Customers", description: "Get a free sample website for your local business. Stratus Web Co builds clean, modern sites designed to attract paying customers. No templates. No commitment.", keywords: "web design, local business website, small business website builder, website design agency, customer conversion", metadataBase: new URL("https://stratus-web-co.com"), + title: "Stratus Web Co | Request Your Free Demo Website", description: "Request a free demo website for your local business. See exactly what your online presence will look like before making any decision.", keywords: "web design, local business website, small business website builder, website design agency, customer conversion", metadataBase: new URL("https://stratus-web-co.com"), alternates: { canonical: "https://stratus-web-co.com" }, openGraph: { - title: "Stratus Web Co | Websites Built to Convert Local Customers", description: "Get a free sample website for your local business. Stratus Web Co builds clean, modern sites designed to attract paying customers.", url: "https://stratus-web-co.com", siteName: "Stratus Web Co", type: "website", images: [ + title: "Stratus Web Co | Request Your Free Demo Website", description: "Request a free demo website for your local business. See exactly what's possible.", url: "https://stratus-web-co.com", siteName: "Stratus Web Co", type: "website", images: [ { - url: "http://img.b2bpic.net/free-photo/business-owner-analyzing-blank-mockup-display-smartphone_482257-87225.jpg", alt: "Stratus Web Co - Modern Website Design" + url: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=630&fit=crop", alt: "Stratus Web Co - Request Demo" } ] }, twitter: { - card: "summary_large_image", title: "Stratus Web Co | Websites Built to Convert Local Customers", description: "Get a free sample website for your local business. See exactly what's possible.", images: ["http://img.b2bpic.net/free-photo/business-owner-analyzing-blank-mockup-display-smartphone_482257-87225.jpg"] + card: "summary_large_image", title: "Stratus Web Co | Request Your Free Demo Website", description: "Request a free demo website for your local business.", images: ["https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=630&fit=crop"] }, robots: { index: true, diff --git a/src/app/page.tsx b/src/app/page.tsx index 49989b7..9f23c5c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,16 +2,49 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; -import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial'; -import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; -import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; -import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern'; -import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; -import ContactSplit from '@/components/sections/contact/ContactSplit'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; import FooterSimple from '@/components/sections/footer/FooterSimple'; -import { Award, Briefcase, CheckCircle, Lightbulb, Rocket, Target, TrendingUp, Zap } from 'lucide-react'; +import { Mail, Rocket, CheckCircle } from 'lucide-react'; +import { useState } from 'react'; export default function LandingPage() { + const [formData, setFormData] = useState({ + name: '', + email: '', + businessName: '', + phone: '', + businessType: '', + }); + const [submitted, setSubmitted] = useState(false); + + const handleChange = (e: React.ChangeEvent) => { + const { name, value } = e.target; + setFormData(prev => ({ + ...prev, + [name]: value + })); + }; + + const handleSubmit = async (e: React.FormEvent) => { + e.preventDefault(); + + try { + const response = await fetch('/api/demo-request', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(formData), + }); + + if (response.ok) { + setSubmitted(true); + setFormData({ name: '', email: '', businessName: '', phone: '', businessType: '' }); + setTimeout(() => setSubmitted(false), 5000); + } + } catch (error) { + console.error('Form submission error:', error); + } + }; + return ( -
- -
+
+
+
+

Request Your Free Demo Website

+

+ Fill out the form below and we'll build a sample website for your business within 48 hours. +

+
-
- -
+
+ {submitted ? ( +
+ +

Thanks for reaching out!

+

+ We'll review your information and send you a link to your free demo website within 48 hours. +

+
+ ) : ( +
+
+ + +
-
- -
+
+ + +
-
- -
+
+ + +
-
- -
+
+ + +
-
- +
+ + +
+ + + +

+ We'll build a sample website for your business within 48 hours and send you a link to review. No spam, no pressure to buy. +

+ + )} +
+