Merge version_1 into main #2
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="WebSell"
|
||||
/>
|
||||
@@ -58,37 +50,23 @@ export default function LandingPage() {
|
||||
description="Premium custom websites for growing businesses. High-performance, fully managed, and built to convert."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get My Website",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get My Website", href: "#pricing"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0thi2&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0thi2"
|
||||
imageAlt="digital agency workspace laptop"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=il0fr7",
|
||||
alt: "happy business professional portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=il0fr7", alt: "happy business professional portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ac1k0s",
|
||||
alt: "creative startup founder portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ac1k0s", alt: "creative startup founder portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zww9re",
|
||||
alt: "executive portrait professional studio",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zww9re", alt: "executive portrait professional studio"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8n7wq",
|
||||
alt: "woman entrepreneur smiling professional",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8n7wq", alt: "woman entrepreneur smiling professional"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ktbus2",
|
||||
alt: "creative director portrait studio",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ktbus2", alt: "creative director portrait studio"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
/>
|
||||
@@ -99,7 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="We Build Digital Bridges"
|
||||
description="At WebSell, we don't just write code. We create platforms that empower businesses. Whether you're upgrading a legacy site or launching a new venture, our managed solutions ensure your site never misses a beat."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74c6ux&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74c6ux"
|
||||
imageAlt="creative team collaboration office"
|
||||
/>
|
||||
</div>
|
||||
@@ -111,23 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "High Performance",
|
||||
description: "Blazing fast speeds optimized for SEO.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psicxz&_wi=1",
|
||||
imageAlt: "fast performance abstract icon",
|
||||
},
|
||||
title: "High Performance", description: "Blazing fast speeds optimized for SEO.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psicxz", imageAlt: "fast performance abstract icon"},
|
||||
{
|
||||
title: "Bulletproof Security",
|
||||
description: "Monthly maintenance ensures your site is protected.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ypab0&_wi=1",
|
||||
imageAlt: "secure data cloud icon",
|
||||
},
|
||||
title: "Bulletproof Security", description: "Monthly maintenance ensures your site is protected.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ypab0", imageAlt: "secure data cloud icon"},
|
||||
{
|
||||
title: "Fully Responsive",
|
||||
description: "Beautiful, functional design on every device.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bxegs4&_wi=1",
|
||||
imageAlt: "responsive mobile design symbol",
|
||||
},
|
||||
title: "Fully Responsive", description: "Beautiful, functional design on every device.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bxegs4", imageAlt: "responsive mobile design symbol"},
|
||||
]}
|
||||
title="Why Choose WebSell?"
|
||||
description="Experience managed web development built for scaling."
|
||||
@@ -141,40 +107,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Setup",
|
||||
price: "$999.99",
|
||||
subtitle: "One-time build fee",
|
||||
features: [
|
||||
"Full control access",
|
||||
"Custom design",
|
||||
"Mobile optimized",
|
||||
"Basic SEO",
|
||||
],
|
||||
id: "basic", badge: "Setup", price: "$999.99", subtitle: "One-time build fee", features: [
|
||||
"Full control access", "Custom design", "Mobile optimized", "Basic SEO"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "managed",
|
||||
badge: "Managed",
|
||||
price: "$750 + $250/mo",
|
||||
subtitle: "Growth & Maintenance Plan",
|
||||
features: [
|
||||
"All features included",
|
||||
"24/7 Monitoring",
|
||||
"Security patches",
|
||||
"Content updates",
|
||||
"Dedicated support",
|
||||
],
|
||||
id: "managed", badge: "Managed", price: "$750 + $250/mo", subtitle: "Growth & Maintenance Plan", features: [
|
||||
"All features included", "24/7 Monitoring", "Security patches", "Content updates", "Dedicated support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Subscribe Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -190,20 +135,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Uptime Guarantee",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Uptime Guarantee"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Managed Support",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Managed Support"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Client Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -215,62 +151,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "CEO, TechFlow",
|
||||
quote: "WebSell transformed our online presence. Truly professional service.",
|
||||
tag: "Managed Plan",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=il0fr7",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0thi2&_wi=2",
|
||||
imageAlt: "happy business professional portrait",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "Jan 2024", title: "CEO, TechFlow", quote: "WebSell transformed our online presence. Truly professional service.", tag: "Managed Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=il0fr7", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j0thi2", imageAlt: "happy business professional portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Roberts",
|
||||
date: "Dec 2023",
|
||||
title: "Founder, BuildRight",
|
||||
quote: "The best investment for our digital growth. Reliable and efficient.",
|
||||
tag: "Setup Plan",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ac1k0s",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74c6ux&_wi=2",
|
||||
imageAlt: "happy business professional portrait",
|
||||
},
|
||||
id: "2", name: "Mark Roberts", date: "Dec 2023", title: "Founder, BuildRight", quote: "The best investment for our digital growth. Reliable and efficient.", tag: "Setup Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ac1k0s", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74c6ux", imageAlt: "happy business professional portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
date: "Nov 2023",
|
||||
title: "Director, GrowthCo",
|
||||
quote: "Finally, a development agency that delivers on promises.",
|
||||
tag: "Managed Plan",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zww9re",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psicxz&_wi=2",
|
||||
imageAlt: "happy business professional portrait",
|
||||
},
|
||||
id: "3", name: "Emily Chen", date: "Nov 2023", title: "Director, GrowthCo", quote: "Finally, a development agency that delivers on promises.", tag: "Managed Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zww9re", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psicxz", imageAlt: "happy business professional portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
date: "Oct 2023",
|
||||
title: "Manager, RetailFix",
|
||||
quote: "Simple, fast, and high quality. Highly recommended.",
|
||||
tag: "Setup Plan",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8n7wq",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ypab0&_wi=2",
|
||||
imageAlt: "happy business professional portrait",
|
||||
},
|
||||
id: "4", name: "David Smith", date: "Oct 2023", title: "Manager, RetailFix", quote: "Simple, fast, and high quality. Highly recommended.", tag: "Setup Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e8n7wq", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ypab0", imageAlt: "happy business professional portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Park",
|
||||
date: "Sep 2023",
|
||||
title: "Founder, ZenStudio",
|
||||
quote: "Managed service has taken all the stress out of site maintenance.",
|
||||
tag: "Managed Plan",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ktbus2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bxegs4&_wi=2",
|
||||
imageAlt: "happy business professional portrait",
|
||||
},
|
||||
id: "5", name: "Julia Park", date: "Sep 2023", title: "Founder, ZenStudio", quote: "Managed service has taken all the stress out of site maintenance.", tag: "Managed Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ktbus2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bxegs4", imageAlt: "happy business professional portrait"},
|
||||
]}
|
||||
title="Loved By Businesses"
|
||||
description="Hear what our clients have to say about working with WebSell."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -280,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What do I own?",
|
||||
content: "You retain full ownership and control of your website assets.",
|
||||
},
|
||||
id: "q1", title: "What do I own?", content: "You retain full ownership and control of your website assets."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What's in the monthly fee?",
|
||||
content: "Hosting, security, minor updates, and dedicated technical support.",
|
||||
},
|
||||
id: "q2", title: "What's in the monthly fee?", content: "Hosting, security, minor updates, and dedicated technical support."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long to build?",
|
||||
content: "Most sites are completed and ready for launch within 2 weeks.",
|
||||
},
|
||||
id: "q3", title: "How long to build?", content: "Most sites are completed and ready for launch within 2 weeks."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ca7o3"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -308,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Launch?"
|
||||
description="Send us your details and let's get building today."
|
||||
@@ -323,13 +205,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="WebSell"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user