Merge version_2 into main #3
178
src/app/page.tsx
178
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Solution",
|
||||
id: "solution",
|
||||
},
|
||||
name: "Solution", id: "solution"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ClientFlow"
|
||||
/>
|
||||
@@ -52,13 +46,9 @@ export default function LandingPage() {
|
||||
description="More clients from your website in 48 hours. We build fast, simple, mobile-first pages that turn visitors into bookings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a free audit",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a free audit", href: "#contact"},
|
||||
{
|
||||
text: "See example",
|
||||
href: "#proof",
|
||||
},
|
||||
text: "See example", href: "#proof"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/a-minimalist-high-contrast-professional--1777764836161-95425c75.png?_wi=1"
|
||||
imageAlt="ClientFlow Mobile Web Design"
|
||||
@@ -72,17 +62,11 @@ export default function LandingPage() {
|
||||
description="Local businesses often lose potential clients due to outdated design, missing clear booking buttons, and slow, confusing mobile experiences. You need a site that acts as a salesperson, not a brochure."
|
||||
metrics={[
|
||||
{
|
||||
value: "60%",
|
||||
title: "Loss Rate",
|
||||
},
|
||||
value: "60%", title: "Loss Rate"},
|
||||
{
|
||||
value: "3s",
|
||||
title: "Avg Dropoff",
|
||||
},
|
||||
value: "3s", title: "Avg Dropoff"},
|
||||
{
|
||||
value: "1",
|
||||
title: "Lost Opportunity",
|
||||
},
|
||||
value: "1", title: "Lost Opportunity"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/abstract-representation-of-a-cluttered-o-1777764845221-1ececc22.png?_wi=1"
|
||||
imageAlt="Problem with outdated sites"
|
||||
@@ -98,29 +82,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Conversion Focus",
|
||||
tags: [
|
||||
"High Performance",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/focused-clean-web-layout-showing-a-clear-1777764854402-dd52f8cb.png?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Conversion Focus", tags: [
|
||||
"High Performance"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/focused-clean-web-layout-showing-a-clear-1777764854402-dd52f8cb.png?_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Clear Call to Action",
|
||||
tags: [
|
||||
"Simple UI",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/focused-clean-web-layout-showing-a-clear-1777764883061-b7226613.png",
|
||||
},
|
||||
id: "f2", title: "Clear Call to Action", tags: [
|
||||
"Simple UI"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/focused-clean-web-layout-showing-a-clear-1777764883061-b7226613.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Mobile Optimized",
|
||||
tags: [
|
||||
"Fast Load",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/focused-clean-web-layout-showing-a-clear-1777764890373-64c09b26.png",
|
||||
},
|
||||
id: "f3", title: "Mobile Optimized", tags: [
|
||||
"Fast Load"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/focused-clean-web-layout-showing-a-clear-1777764890373-64c09b26.png"},
|
||||
]}
|
||||
title="A solution built for conversions"
|
||||
description="We strip away the noise and focus on what matters: turning visitors into paying clients."
|
||||
@@ -134,32 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Conversion Landing Page",
|
||||
tags: [
|
||||
"Ready in 48h",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/a-minimalist-high-contrast-professional--1777764836161-95425c75.png?_wi=2",
|
||||
imageAlt: "A minimalist, high-contrast professional interface mockup of a local business website on mobile. Foc",
|
||||
},
|
||||
id: "g1", title: "Conversion Landing Page", tags: [
|
||||
"Ready in 48h"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/a-minimalist-high-contrast-professional--1777764836161-95425c75.png?_wi=2", imageAlt: "A minimalist, high-contrast professional interface mockup of a local business website on mobile. Foc"},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Mobile-First UI",
|
||||
tags: [
|
||||
"Responsive",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/abstract-representation-of-a-cluttered-o-1777764845221-1ececc22.png?_wi=2",
|
||||
imageAlt: "A minimalist, high-contrast professional interface mockup of a local business website on mobile. Foc",
|
||||
},
|
||||
id: "g2", title: "Mobile-First UI", tags: [
|
||||
"Responsive"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/abstract-representation-of-a-cluttered-o-1777764845221-1ececc22.png?_wi=2", imageAlt: "A minimalist, high-contrast professional interface mockup of a local business website on mobile. Foc"},
|
||||
{
|
||||
id: "g3",
|
||||
title: "SEO & Booking System",
|
||||
tags: [
|
||||
"Ready to work",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/focused-clean-web-layout-showing-a-clear-1777764854402-dd52f8cb.png?_wi=2",
|
||||
imageAlt: "A minimalist, high-contrast professional interface mockup of a local business website on mobile. Foc",
|
||||
},
|
||||
id: "g3", title: "SEO & Booking System", tags: [
|
||||
"Ready to work"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/focused-clean-web-layout-showing-a-clear-1777764854402-dd52f8cb.png?_wi=2", imageAlt: "A minimalist, high-contrast professional interface mockup of a local business website on mobile. Foc"},
|
||||
]}
|
||||
title="What you get"
|
||||
description="A complete, high-performing asset designed for your local business."
|
||||
@@ -173,12 +130,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "p1",
|
||||
value: "300%",
|
||||
title: "Conversion Uplift",
|
||||
description: "From old site to ClientFlow.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/side-by-side-comparison-of-a-messy-old-w-1777764865165-2408ee50.png",
|
||||
},
|
||||
id: "p1", value: "300%", title: "Conversion Uplift", description: "From old site to ClientFlow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/side-by-side-comparison-of-a-messy-old-w-1777764865165-2408ee50.png"},
|
||||
]}
|
||||
title="Before vs After"
|
||||
description="Witness the transformation from a static site to a client-winning machine."
|
||||
@@ -192,38 +144,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "setup",
|
||||
tag: "One-time",
|
||||
price: "€350",
|
||||
period: "setup",
|
||||
description: "Includes design, dev, and mobile optimization.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Mobile UI",
|
||||
"Booking integration",
|
||||
"SEO basics",
|
||||
],
|
||||
id: "setup", tag: "One-time", price: "starting from €350", period: "setup", description: "Includes design, dev, and mobile optimization.", button: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Mobile UI", "Booking integration", "SEO basics"],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
tag: "Ongoing",
|
||||
price: "€69",
|
||||
period: "month",
|
||||
description: "Includes hosting, security, and maintenance.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Managed hosting",
|
||||
"Daily backups",
|
||||
"Updates",
|
||||
],
|
||||
id: "monthly", tag: "Ongoing", price: "€69", period: "month", description: "Includes hosting, security, and maintenance.", button: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Managed hosting", "Daily backups", "Updates"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -238,20 +168,12 @@ export default function LandingPage() {
|
||||
description="Ready to transform your business? Reach out and we'll get started within 48 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your business",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your business"}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj4SeQ36hW7hIXFeC9pBJuRaqu/clean-workspace-for-a-local-business-own-1777764873676-f6c52a81.png"
|
||||
/>
|
||||
</div>
|
||||
@@ -261,29 +183,19 @@ export default function LandingPage() {
|
||||
logoText="ClientFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -292,4 +204,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user