Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="WebflowFlow"
|
||||
/>
|
||||
@@ -51,18 +42,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Webflow Support That Scales With You"
|
||||
description="Outsource client updates, maintenance, and support so you focus on design. Flat-rate monthly plans, no surprises."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Free Trial", href: "#pricing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,49 +65,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Priority Support",
|
||||
description: "Get help when you need it most with our expert team.",
|
||||
icon: Shield,
|
||||
title: "Priority Support", description: "Get help when you need it most with our expert team.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg?_wi=2",
|
||||
imageAlt: "web maintenance server",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Automated Workflows",
|
||||
description: "Streamlined maintenance pipelines for efficiency.",
|
||||
icon: Zap,
|
||||
title: "Automated Workflows", description: "Streamlined maintenance pipelines for efficiency.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nobody-artwork-studio-with-creativity-equipment_482257-27218.jpg",
|
||||
imageAlt: "web maintenance server",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Monthly Reports",
|
||||
description: "Stay in the loop with transparent progress tracking.",
|
||||
icon: BarChart,
|
||||
title: "Monthly Reports", description: "Stay in the loop with transparent progress tracking.", icon: BarChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesman-technological-scene_1134-492.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg?_wi=1",
|
||||
imageAlt: "web maintenance server",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesman-technological-scene_1134-492.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Everything you need to scale"
|
||||
@@ -137,27 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Websites Maintained",
|
||||
description: "Projects managed daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Hours Saved",
|
||||
description: "Per agency monthly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991204.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Guaranteed performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991202.jpg",
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Websites Maintained", description: "Projects managed daily", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165978.jpg" },
|
||||
{ id: "m2", value: "500+", title: "Hours Saved", description: "Per agency monthly", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991204.jpg" },
|
||||
{ id: "m3", value: "99.9%", title: "Uptime", description: "Guaranteed performance", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphics-composition_23-2148991202.jpg" },
|
||||
]}
|
||||
title="Proven results for agencies"
|
||||
description="We help you save hours every week."
|
||||
@@ -170,54 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Starter",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
description: "Perfect for freelancers starting out.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"1 Client",
|
||||
"Updates included",
|
||||
"24/7 Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Pro",
|
||||
price: "$799",
|
||||
period: "/mo",
|
||||
description: "Best for growing agencies.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"5 Clients",
|
||||
"Everything in Starter",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
tag: "Agency",
|
||||
price: "$1,499",
|
||||
period: "/mo",
|
||||
description: "For large scale operations.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Unlimited",
|
||||
"Everything in Pro",
|
||||
"Dedicated Account Manager",
|
||||
],
|
||||
},
|
||||
{ id: "p1", tag: "Starter", price: "$299", period: "/mo", description: "Perfect for freelancers starting out.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["1 Client", "Updates included", "24/7 Support"] },
|
||||
{ id: "p2", tag: "Pro", price: "$799", period: "/mo", description: "Best for growing agencies.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["5 Clients", "Everything in Starter", "Priority Support"] },
|
||||
{ id: "p3", tag: "Agency", price: "$1,499", period: "/mo", description: "For large scale operations.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["Unlimited", "Everything in Pro", "Dedicated Account Manager"] },
|
||||
]}
|
||||
title="Transparent Monthly Plans"
|
||||
description="No hidden costs, cancel anytime."
|
||||
@@ -230,41 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Game changer for my agency workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970225.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Efficient and reliable maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Increased my capacity significantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Support that scales with our business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-programmer-walking-through-apartment-thinking-how-solve-coding-issues_482257-104090.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Wu",
|
||||
handle: "@lwu",
|
||||
testimonial: "Highest quality Webflow maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Game changer for my agency workflow.", imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970225.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Efficient and reliable maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Increased my capacity significantly.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Support that scales with our business.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-programmer-walking-through-apartment-thinking-how-solve-coding-issues_482257-104090.jpg" },
|
||||
{ id: "5", name: "Linda Wu", handle: "@lwu", testimonial: "Highest quality Webflow maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
]}
|
||||
title="Loved by the community"
|
||||
description="Trusted by top agencies."
|
||||
@@ -275,21 +142,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the trial work?",
|
||||
content: "Start your free trial risk-free.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I upgrade anytime?",
|
||||
content: "Yes, upgrade your plan whenever needed.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What Webflow sites are supported?",
|
||||
content: "We support all standard and CMS sites.",
|
||||
},
|
||||
{ id: "f1", title: "How does the trial work?", content: "Start your free trial risk-free." },
|
||||
{ id: "f2", title: "Can I upgrade anytime?", content: "Yes, upgrade your plan whenever needed." },
|
||||
{ id: "f3", title: "What Webflow sites are supported?", content: "We support all standard and CMS sites." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -303,24 +158,10 @@ export default function LandingPage() {
|
||||
title="Ready to scale?"
|
||||
description="Send us a message and we'll get you started today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104513.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -328,30 +169,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
logoText="WebflowFlow"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user