Merge version_1 into main #1
183
src/app/page.tsx
183
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="EL Web Design"
|
||||
/>
|
||||
@@ -61,9 +51,7 @@ export default function LandingPage() {
|
||||
description="Premium custom web design solutions for businesses in Shelby Township, Michigan. We build fast, responsive, and growth-focused websites."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/biometric-technology-background-with-fingerprint-scanning-system-virtual-screen-digital-remix_53876-104937.jpg"
|
||||
imageAlt="EL Web Design Shelby Township"
|
||||
@@ -78,17 +66,11 @@ export default function LandingPage() {
|
||||
description="Located in Shelby Township, we understand the local market. Our web design services combine aesthetics with functional performance to help your business stand out from the competition."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Websites Built",
|
||||
},
|
||||
value: "100+", title: "Websites Built"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", title: "Client Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support Ready",
|
||||
},
|
||||
value: "24/7", title: "Support Ready"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-124692.jpg"
|
||||
imageAlt="Our web design process"
|
||||
@@ -104,26 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Mobile Responsive",
|
||||
description: "Beautiful designs that look perfect on phones, tablets, and desktops.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/eco-responsive-web-design-screens_23-2147495766.jpg",
|
||||
},
|
||||
id: "f1", title: "Mobile Responsive", description: "Beautiful designs that look perfect on phones, tablets, and desktops.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-vector/eco-responsive-web-design-screens_23-2147495766.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Speed Optimized",
|
||||
description: "Fast loading sites that keep users engaged and boost SEO rankings.",
|
||||
tag: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
|
||||
},
|
||||
id: "f2", title: "Speed Optimized", description: "Fast loading sites that keep users engaged and boost SEO rankings.", tag: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "SEO Ready",
|
||||
description: "Built with search engine visibility in mind to help customers find you.",
|
||||
tag: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-19-global-economic-crisis_23-2148746588.jpg",
|
||||
},
|
||||
id: "f3", title: "SEO Ready", description: "Built with search engine visibility in mind to help customers find you.", tag: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/covid-19-global-economic-crisis_23-2148746588.jpg"},
|
||||
]}
|
||||
title="Why Choose EL Web Design"
|
||||
description="We don't just build websites; we create digital assets that grow your business."
|
||||
@@ -132,44 +99,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Entry",
|
||||
price: "$1,500",
|
||||
subtitle: "Perfect for new local business",
|
||||
buttons: [
|
||||
id: "p1", badge: "Entry", price: "$1,500", subtitle: "Perfect for new local business", buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"5 Pages",
|
||||
"Contact Form",
|
||||
"Mobile Design",
|
||||
"Google Maps Integration",
|
||||
],
|
||||
"5 Pages", "Contact Form", "Mobile Design", "Google Maps Integration"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$3,000",
|
||||
subtitle: "For growing businesses",
|
||||
buttons: [
|
||||
id: "p2", badge: "Pro", price: "$3,000", subtitle: "For growing businesses", buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"10 Pages",
|
||||
"Advanced SEO",
|
||||
"Analytics Dashboard",
|
||||
"Priority Support",
|
||||
],
|
||||
"10 Pages", "Advanced SEO", "Analytics Dashboard", "Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -184,45 +132,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@LocalCafe",
|
||||
testimonial: "The best decision we made for our business! Our site looks amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1138.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@LocalCafe", testimonial: "The best decision we made for our business! Our site looks amazing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1138.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike T.",
|
||||
handle: "@PlumbingServices",
|
||||
testimonial: "Professional, fast, and very local. EL knows the Shelby area.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
},
|
||||
id: "2", name: "Mike T.", handle: "@PlumbingServices", testimonial: "Professional, fast, and very local. EL knows the Shelby area.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@ElenaRetail",
|
||||
testimonial: "Increased our local traffic instantly with the new site.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@ElenaRetail", testimonial: "Increased our local traffic instantly with the new site.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@TechShelby",
|
||||
testimonial: "Exceptional communication throughout the whole design phase.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@TechShelby", testimonial: "Exceptional communication throughout the whole design phase.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Karen B.",
|
||||
handle: "@BoutiqueStore",
|
||||
testimonial: "Everything we needed and more. Highly recommend EL.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-with-tablet_23-2149457731.jpg",
|
||||
},
|
||||
id: "5", name: "Karen B.", handle: "@BoutiqueStore", testimonial: "Everything we needed and more. Highly recommend EL.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-with-tablet_23-2149457731.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Local Shelby Businesses"
|
||||
@@ -236,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does it take?",
|
||||
content: "Most projects are completed within 4-6 weeks depending on the complexity.",
|
||||
},
|
||||
id: "q1", title: "How long does it take?", content: "Most projects are completed within 4-6 weeks depending on the complexity."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle hosting?",
|
||||
content: "Yes, we offer fully managed hosting services as part of our ongoing maintenance.",
|
||||
},
|
||||
id: "q2", title: "Do you handle hosting?", content: "Yes, we offer fully managed hosting services as part of our ongoing maintenance."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where are you based?",
|
||||
content: "We are based right here in Shelby Township, MI, and serve the whole metro Detroit area.",
|
||||
},
|
||||
id: "q3", title: "Where are you based?", content: "We are based right here in Shelby Township, MI, and serve the whole metro Detroit area."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/particle-lines-futuristic-gradient-background_53876-104053.jpg"
|
||||
title="Common Questions"
|
||||
@@ -263,14 +177,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="Ready to start your project in Shelby Township? Let's build your next website together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@elwebdesign.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@elwebdesign.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -279,33 +190,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user