Merge version_1 into main #2
164
src/app/page.tsx
164
src/app/page.tsx
@@ -31,38 +31,30 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "benefits",
|
||||
},
|
||||
name: "Benefits", id: "benefits"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
name: "Results", id: "results"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Designer Portfolio"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Websites that turn visitors into customers"
|
||||
description="I help hotels, restaurants, and fitness studios build fast, mobile-first websites designed to generate more bookings, reservations, and revenue. Your website should work as hard as you do."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Website Analysis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Website Analysis", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/a-minimalist-high-tech-workspace-for-a-w-1774691604257-a284548b.png"
|
||||
imageAlt="Minimalist high-tech workspace for a web designer"
|
||||
@@ -77,21 +69,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"High bounce rates on mobile",
|
||||
"Hidden booking buttons",
|
||||
"Unclear contact options",
|
||||
"Slow loading speeds",
|
||||
"Confusing navigation structure",
|
||||
],
|
||||
"High bounce rates on mobile", "Hidden booking buttons", "Unclear contact options", "Slow loading speeds", "Confusing navigation structure"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Responsive mobile-first design",
|
||||
"Clear conversion pathways",
|
||||
"Optimized for local search",
|
||||
"Integrated reservation systems",
|
||||
"Professional brand storytelling",
|
||||
],
|
||||
"Responsive mobile-first design", "Clear conversion pathways", "Optimized for local search", "Integrated reservation systems", "Professional brand storytelling"],
|
||||
}}
|
||||
title="Why Your Current Website Might Be Losing You Money"
|
||||
description="Stop losing walk-ins and bookings to outdated mobile experiences. I provide a digital foundation for your growth."
|
||||
@@ -106,23 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "srv1",
|
||||
name: "Web Creation",
|
||||
price: "$1,500",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/icon-of-a-mobile-phone-with-a-calendar-n-1774691606422-96c09f51.png",
|
||||
},
|
||||
id: "srv1", name: "Web Creation", price: "$1,500", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/icon-of-a-mobile-phone-with-a-calendar-n-1774691606422-96c09f51.png"},
|
||||
{
|
||||
id: "srv2",
|
||||
name: "Mobile Opt",
|
||||
price: "$800",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/seo-rank-graph-illustration-clean-vector-1774691603589-463f67f9.png",
|
||||
},
|
||||
id: "srv2", name: "Mobile Opt", price: "$800", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/seo-rank-graph-illustration-clean-vector-1774691603589-463f67f9.png"},
|
||||
{
|
||||
id: "srv3",
|
||||
name: "Local SEO",
|
||||
price: "$500",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/minimalist-digital-trust-badge-icon-1774691604410-d059252b.png",
|
||||
},
|
||||
id: "srv3", name: "Local SEO", price: "$500", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/minimalist-digital-trust-badge-icon-1774691604410-d059252b.png"},
|
||||
]}
|
||||
title="My Services"
|
||||
description="Clear, fixed-price solutions built to drive ROI for your business."
|
||||
@@ -136,31 +106,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50%",
|
||||
title: "Inquiry Increase",
|
||||
items: [
|
||||
"Within 3 months",
|
||||
"Qualified leads",
|
||||
],
|
||||
id: "m1", value: "50%", title: "Inquiry Increase", items: [
|
||||
"Within 3 months", "Qualified leads"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "3x",
|
||||
title: "Conversion Rate",
|
||||
items: [
|
||||
"Faster bookings",
|
||||
"Mobile users",
|
||||
],
|
||||
id: "m2", value: "3x", title: "Conversion Rate", items: [
|
||||
"Faster bookings", "Mobile users"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Mobile Readiness",
|
||||
items: [
|
||||
"Fast loading times",
|
||||
"Optimized UI",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Mobile Readiness", items: [
|
||||
"Fast loading times", "Optimized UI"],
|
||||
},
|
||||
]}
|
||||
title="Real Revenue Impact"
|
||||
@@ -175,40 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Cafe Owner",
|
||||
testimonial: "My bookings tripled within two weeks of the new site launch.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-restaurant-ma-1774691604972-170d2457.png",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Cafe Owner", testimonial: "My bookings tripled within two weeks of the new site launch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-restaurant-ma-1774691604972-170d2457.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
role: "Fitness Manager",
|
||||
testimonial: "Finally, a website that works on mobile and converts members.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-fitness-studi-1774691603465-bc499a42.png",
|
||||
},
|
||||
id: "t2", name: "John Doe", role: "Fitness Manager", testimonial: "Finally, a website that works on mobile and converts members.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-fitness-studi-1774691603465-bc499a42.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jane Smith",
|
||||
role: "Hotel Manager",
|
||||
testimonial: "Customer inquiries have never been higher. Highly recommend.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-boutique-hote-1774691603389-62bf0330.png?_wi=1",
|
||||
},
|
||||
id: "t3", name: "Jane Smith", role: "Hotel Manager", testimonial: "Customer inquiries have never been higher. Highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-boutique-hote-1774691603389-62bf0330.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike Ross",
|
||||
role: "Restaurant Owner",
|
||||
testimonial: "Easy process, massive impact on my local search visibility.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-small-busines-1774691606876-f956e340.png",
|
||||
},
|
||||
id: "t4", name: "Mike Ross", role: "Restaurant Owner", testimonial: "Easy process, massive impact on my local search visibility.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-small-busines-1774691606876-f956e340.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Vance",
|
||||
role: "Boutique Hotel Owner",
|
||||
testimonial: "Professional, efficient, and truly understood our hospitality brand needs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-boutique-hote-1774691603389-62bf0330.png?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Elena Vance", role: "Boutique Hotel Owner", testimonial: "Professional, efficient, and truly understood our hospitality brand needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLHyJ2mJ3xcqh80j4Wntu9ryR/professional-headshot-of-a-boutique-hote-1774691603389-62bf0330.png"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="See how local businesses transformed their revenue with professional design."
|
||||
@@ -221,20 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does it take?",
|
||||
content: "Typically 2–4 weeks for a fully optimized business website.",
|
||||
},
|
||||
id: "f1", title: "How long does it take?", content: "Typically 2–4 weeks for a fully optimized business website."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide hosting?",
|
||||
content: "I offer setup guidance, but you maintain full ownership of your site.",
|
||||
},
|
||||
id: "f2", title: "Do you provide hosting?", content: "I offer setup guidance, but you maintain full ownership of your site."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What about ongoing maintenance?",
|
||||
content: "I offer monthly support packages to keep your site fast and secure.",
|
||||
},
|
||||
id: "f3", title: "What about ongoing maintenance?", content: "I offer monthly support packages to keep your site fast and secure."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about my design and development process."
|
||||
@@ -246,16 +167,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to get more bookings?"
|
||||
description="No-obligation analysis for your website. It takes 5 minutes to get started."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me Now",
|
||||
href: "mailto:hello@designer.com",
|
||||
},
|
||||
text: "Contact Me Now", href: "mailto:hello@designer.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -264,29 +182,19 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Analysis",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Analysis", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user