Merge version_2 into main #1
165
src/app/page.tsx
165
src/app/page.tsx
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "solutions",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Examples",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Solutions", id: "solutions" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Examples", id: "portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Blue Line Digital"
|
||||
/>
|
||||
@@ -57,14 +46,8 @@ export default function LandingPage() {
|
||||
title="Turn Your Business Into Something People Trust"
|
||||
description="Built by Blue Line Digital — we create clean, high-converting websites that bring you more calls, more leads, and more clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Website",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "See Examples",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{ text: "Get Your Website", href: "#contact" },
|
||||
{ text: "See Examples", href: "#portfolio" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-designers-working-project_23-2149307807.jpg"
|
||||
imageAlt="Professional web design showcase"
|
||||
@@ -78,14 +61,8 @@ export default function LandingPage() {
|
||||
title="Right now, you’re losing business."
|
||||
description="If someone looks you up and finds nothing… they move on. Customers don’t trust businesses they can’t find online, and social media alone isn't enough to capture serious leads. No website means lost deals every single day."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Missed Credibility",
|
||||
},
|
||||
{
|
||||
value: "Lost",
|
||||
title: "Inbound Leads",
|
||||
},
|
||||
{ value: "100%", title: "Missed Credibility" },
|
||||
{ value: "Lost", title: "Inbound Leads" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/businesswoman-workspace-office_24908-58178.jpg"
|
||||
imageAlt="Lost opportunity concept"
|
||||
@@ -100,26 +77,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Monitor,
|
||||
title: "Conversion-Driven Design",
|
||||
description: "Beautiful websites built to turn visitors into paying customers.",
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Mobile Optimized",
|
||||
description: "Looks perfect and loads instantly on every phone screen.",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
title: "Instant Action",
|
||||
description: "Built-in click-to-call buttons and high-converting contact forms.",
|
||||
},
|
||||
{
|
||||
icon: Search,
|
||||
title: "SEO-Ready Foundation",
|
||||
description: "Structure that makes you easy to find and trust online.",
|
||||
},
|
||||
{ icon: Monitor, title: "Conversion-Driven Design", description: "Beautiful websites built to turn visitors into paying customers." },
|
||||
{ icon: Smartphone, title: "Mobile Optimized", description: "Looks perfect and loads instantly on every phone screen." },
|
||||
{ icon: Phone, title: "Instant Action", description: "Built-in click-to-call buttons and high-converting contact forms." },
|
||||
{ icon: Search, title: "SEO-Ready Foundation", description: "Structure that makes you easy to find and trust online." },
|
||||
]}
|
||||
title="We handle everything."
|
||||
description="You don’t need to figure anything out. We build it, launch it, and make sure it works. A simple, confident approach that just gets results."
|
||||
@@ -132,27 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "step1",
|
||||
value: "01",
|
||||
title: "Intake",
|
||||
description: "We get your info. Simple, quick, and no headache.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-online-shopping-concept-people-shopping-pay-by-credeit-card_1421-98.jpg",
|
||||
},
|
||||
{
|
||||
id: "step2",
|
||||
value: "02",
|
||||
title: "Design",
|
||||
description: "We build it. Designed to look established and convert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/handmade-soap-shop-web-template_23-2149064705.jpg",
|
||||
},
|
||||
{
|
||||
id: "step3",
|
||||
value: "03",
|
||||
title: "Launch",
|
||||
description: "You go live. Get more leads and calls instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg",
|
||||
},
|
||||
{ id: "step1", value: "01", title: "Intake", description: "We get your info. Simple, quick, and no headache.", imageSrc: "http://img.b2bpic.net/free-photo/business-online-shopping-concept-people-shopping-pay-by-credeit-card_1421-98.jpg" },
|
||||
{ id: "step2", value: "02", title: "Design", description: "We build it. Designed to look established and convert.", imageSrc: "http://img.b2bpic.net/free-psd/handmade-soap-shop-web-template_23-2149064705.jpg" },
|
||||
{ id: "step3", value: "03", title: "Launch", description: "You go live. Get more leads and calls instantly.", imageSrc: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg" },
|
||||
]}
|
||||
title="How it works: 3 steps"
|
||||
description="A streamlined process designed to take the weight off your shoulders immediately."
|
||||
@@ -166,24 +109,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "port-1",
|
||||
name: "Modern Roofing Showcase",
|
||||
price: "High Impact",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/company-logo-neon-colored-business-cards_23-2148564853.jpg",
|
||||
},
|
||||
{
|
||||
id: "port-2",
|
||||
name: "Mobile Click-to-Call",
|
||||
price: "High Conversion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-shot-young-smiling-woman-student-employee-near-office-building-holding-mobile-phone_1258-205507.jpg",
|
||||
},
|
||||
{
|
||||
id: "port-3",
|
||||
name: "Service Category Grid",
|
||||
price: "Easy Navigation",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-real-estate-landing-page_23-2149119815.jpg",
|
||||
},
|
||||
{ id: "port-1", name: "Modern Roofing Showcase", price: "High Impact", imageSrc: "http://img.b2bpic.net/free-vector/company-logo-neon-colored-business-cards_23-2148564853.jpg" },
|
||||
{ id: "port-2", name: "Mobile Click-to-Call", price: "High Conversion", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-shot-young-smiling-woman-student-employee-near-office-building-holding-mobile-phone_1258-205507.jpg" },
|
||||
{ id: "port-3", name: "Service Category Grid", price: "Easy Navigation", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-geometric-real-estate-landing-page_23-2149119815.jpg" },
|
||||
]}
|
||||
title="Real Results: Summit Exterior Solutions"
|
||||
description="We turned an outdated contractor presence into a trust-building digital asset that books jobs 24/7."
|
||||
@@ -196,25 +124,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "main",
|
||||
badge: "Best Value",
|
||||
price: "$2,000 + $97/mo",
|
||||
subtitle: "Total business web setup",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Custom professional build",
|
||||
"Hosting included",
|
||||
"Edits & ongoing updates",
|
||||
"Full technical support",
|
||||
"Conversion optimization",
|
||||
],
|
||||
},
|
||||
{ id: "main", badge: "Best Value", price: "$2,000 + $97/mo", subtitle: "Total business web setup", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Custom professional build", "Hosting included", "Edits & ongoing updates", "Full technical support", "Conversion optimization"] },
|
||||
]}
|
||||
title="Everything You Need. One Simple Setup."
|
||||
description="No hidden costs, no tech jargon. We handle everything for your business."
|
||||
@@ -226,28 +136,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How long does it take?",
|
||||
content: "Most sites are live within 2 weeks.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do I need to update it?",
|
||||
content: "No, we handle all updates for you.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Does this work for contractors?",
|
||||
content: "Yes, we specialize in high-converting sites for service businesses.",
|
||||
},
|
||||
{ id: "faq1", title: "How long does it take?", content: "Most sites are live within 2 weeks." },
|
||||
{ id: "faq2", title: "Do I need to update it?", content: "No, we handle all updates for you." },
|
||||
{ id: "faq3", title: "Does this work for contractors?", content: "Yes, we specialize in high-converting sites for service businesses." },
|
||||
]}
|
||||
ctaTitle="Ready to get more calls?"
|
||||
ctaDescription="If you’re serious about growing, you need a website. Book a call to start."
|
||||
ctaButton={{
|
||||
text: "Start Now",
|
||||
href: "#",
|
||||
}}
|
||||
ctaButton={{ text: "Start Now", href: "#contact" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -255,17 +150,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Blue Line Digital"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Blue Line Digital",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "bluelinedigitalagency@gmail.com", href: "mailto:bluelinedigitalagency@gmail.com" }}
|
||||
rightLink={{ text: "© 2024 Blue Line Digital", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user