Update src/app/page.tsx
This commit is contained in:
180
src/app/page.tsx
180
src/app/page.tsx
@@ -29,70 +29,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Masi Digital"
|
||||
button={{
|
||||
text: "Get a Free Preview",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Get a Free Preview", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Business Is Losing Customers Right Now."
|
||||
description="Every day without a professional website is a day someone searches for your business and calls your competitor instead. Masi Digital changes that."
|
||||
tag="WEB DESIGN · AUTOMATION · AI"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Preview",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "masidigitalco@gmail.com",
|
||||
href: "mailto:masidigitalco@gmail.com",
|
||||
},
|
||||
{ text: "Get a Free Preview", href: "/contact" },
|
||||
{ text: "masidigitalco@gmail.com", href: "mailto:masidigitalco@gmail.com" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-19826.jpg",
|
||||
imageAlt: "Typography driven visual",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-31485.jpg",
|
||||
imageAlt: "Modern web dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/bright-wavy-lines-black-background_1035-6329.jpg",
|
||||
imageAlt: "AI automation flow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-app-design_23-2148646512.jpg",
|
||||
imageAlt: "Mobile responsive preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-19804.jpg",
|
||||
imageAlt: "Conversion focused layout",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/business-landing-page-template-with-photo_52683-19826.jpg", imageAlt: "Typography driven visual" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-31485.jpg", imageAlt: "Modern web dashboard" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,57 +62,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "tier1",
|
||||
badge: "TIER 01",
|
||||
price: "Starting at $1,000",
|
||||
subtitle: "Professional Website",
|
||||
buttons: [
|
||||
{
|
||||
text: "See what's included",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Professional design",
|
||||
"Mobile responsive",
|
||||
"Local SEO setup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "tier2",
|
||||
badge: "TIER 02 — MOST POPULAR",
|
||||
price: "Starting at $1,000",
|
||||
subtitle: "Website + Lead Automation",
|
||||
buttons: [
|
||||
{
|
||||
text: "See what's included",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Tier 1",
|
||||
"Instant automated text",
|
||||
"Full CRM dashboard",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "tier3",
|
||||
badge: "TIER 03 — FULL SYSTEM",
|
||||
price: "Starting at $1,000",
|
||||
subtitle: "The Full System",
|
||||
buttons: [
|
||||
{
|
||||
text: "See what's included",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Everything in Tier 2",
|
||||
"AI Receptionist 24/7",
|
||||
"Automated Booking",
|
||||
],
|
||||
},
|
||||
{ id: "tier1", badge: "TIER 01", price: "Starting at $1,000", subtitle: "Professional Website", buttons: [{ text: "See what's included", href: "/services" }], features: ["Professional design", "Mobile responsive", "Local SEO setup"] },
|
||||
{ id: "tier2", badge: "TIER 02 — MOST POPULAR", price: "Starting at $1,000", subtitle: "Website + Lead Automation", buttons: [{ text: "See what's included", href: "/services" }], features: ["Everything in Tier 1", "Instant automated text", "Full CRM dashboard"] },
|
||||
]}
|
||||
title="Three Levels. One Goal. More Jobs."
|
||||
description="You do the work. We make sure the phone never stops ringing."
|
||||
@@ -166,13 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Local Leaders"
|
||||
description="We partner with businesses that demand excellence and results."
|
||||
names={[
|
||||
"Long Island HVAC",
|
||||
"Metro Construction",
|
||||
"Elite Landscaping",
|
||||
"Island Auto Repair",
|
||||
"Coastal Plumbing",
|
||||
]}
|
||||
names={["Long Island HVAC", "Metro Construction", "Elite Landscaping", "Island Auto Repair", "Coastal Plumbing"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -184,16 +88,8 @@ export default function LandingPage() {
|
||||
description="Everything you need to know about our digital transformation process."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a website take?",
|
||||
content: "Most projects are completed within 2 to 4 weeks depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer SEO?",
|
||||
content: "Yes, we build every site with local SEO best practices to ensure you get found.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a website take?", content: "Most projects are completed within 2 to 4 weeks depending on complexity." },
|
||||
{ id: "f2", title: "Do you offer SEO?", content: "Yes, we build every site with local SEO best practices to ensure you get found." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -207,20 +103,8 @@ export default function LandingPage() {
|
||||
title="Real World Results"
|
||||
description="We don't just build sites; we build high-performing business engines."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2x",
|
||||
title: "Lead Volume",
|
||||
description: "Average increase in inquiries",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "90%",
|
||||
title: "Automation",
|
||||
description: "Task reduction for owners",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "2x", title: "Lead Volume", description: "Average increase in inquiries", icon: TrendingUp },
|
||||
{ id: "m2", value: "90%", title: "Automation", description: "Task reduction for owners", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -229,32 +113,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Masi Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "masidigitalco@gmail.com",
|
||||
href: "mailto:masidigitalco@gmail.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Contact", items: [{ label: "masidigitalco@gmail.com", href: "mailto:masidigitalco@gmail.com" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Masi Digital. All Rights Reserved."
|
||||
/>
|
||||
@@ -262,4 +122,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user