Update src/app/page.tsx
This commit is contained in:
358
src/app/page.tsx
358
src/app/page.tsx
@@ -25,270 +25,114 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
]}
|
||||
brandName="LUMVER // Systems Architecture"
|
||||
button={{
|
||||
text: "GET THE 40S DEMO",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" }
|
||||
]}
|
||||
brandName="LUMVER // Systems Architecture"
|
||||
button={{ text: "GET THE 40S DEMO", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Your 24-hour response time is funding your competitor’s vacation."
|
||||
description="Most high-ticket businesses are too slow to reply. We connect your website forms directly to your phone. Get notified in 4 seconds, not 48 hours."
|
||||
testimonials={[
|
||||
{
|
||||
name: "CEO",
|
||||
handle: "Construction Co",
|
||||
testimonial: "LUMVER transformed our lead intake. First to respond, first to close.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg?_wi=1",
|
||||
imageAlt: "minimalist data flow line art dark",
|
||||
},
|
||||
{
|
||||
name: "Director",
|
||||
handle: "Luxury Yachting",
|
||||
testimonial: "Instant notifications meant we captured our biggest lead of the year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg?_wi=1",
|
||||
imageAlt: "minimalist phone notification UI",
|
||||
},
|
||||
{
|
||||
name: "VP Sales",
|
||||
handle: "SaaS Enterprise",
|
||||
testimonial: "The speed of this system is unmatched. We saw a 300% increase in discovery bookings.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg?_wi=1",
|
||||
imageAlt: "glowing network node architecture",
|
||||
},
|
||||
{
|
||||
name: "Founder",
|
||||
handle: "Legal Consulting",
|
||||
testimonial: "Clients are impressed by our responsiveness. It changes the entire tone of the first meeting.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg?_wi=2",
|
||||
imageAlt: "minimalist data flow line art dark",
|
||||
},
|
||||
{
|
||||
name: "Partner",
|
||||
handle: "Real Estate Group",
|
||||
testimonial: "LUMVER pays for itself within the first week of operation. Absolute necessity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg?_wi=2",
|
||||
imageAlt: "minimalist phone notification UI",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "GET THE 40S DEMO",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg?_wi=3"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "4-SECOND LATENCY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SECURE API INTEGRATION",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 AUTOMATED MONITORING",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "HIGH-TICKET OPTIMIZED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ARCHITECTURAL RELIABILITY",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your 24-hour response time is funding your competitor’s vacation."
|
||||
description="Most high-ticket businesses are too slow to reply. We connect your website forms directly to your phone. Get notified in 4 seconds, not 48 hours."
|
||||
testimonials={[
|
||||
{ name: "CEO", handle: "Construction Co", testimonial: "LUMVER transformed our lead intake. First to respond, first to close.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg", imageAlt: "minimalist data flow line art dark" },
|
||||
{ name: "Director", handle: "Luxury Yachting", testimonial: "Instant notifications meant we captured our biggest lead of the year.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg", imageAlt: "minimalist phone notification UI" },
|
||||
{ name: "VP Sales", handle: "SaaS Enterprise", testimonial: "The speed of this system is unmatched. We saw a 300% increase in discovery bookings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg", imageAlt: "glowing network node architecture" },
|
||||
{ name: "Founder", handle: "Legal Consulting", testimonial: "Clients are impressed by our responsiveness. It changes the entire tone of the first meeting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg", imageAlt: "minimalist data flow line art dark" },
|
||||
{ name: "Partner", handle: "Real Estate Group", testimonial: "LUMVER pays for itself within the first week of operation. Absolute necessity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg", imageAlt: "minimalist phone notification UI" }
|
||||
]}
|
||||
buttons={[{ text: "GET THE 40S DEMO", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg", alt: "Client 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "4-SECOND LATENCY" },
|
||||
{ type: "text", text: "SECURE API INTEGRATION" },
|
||||
{ type: "text", text: "24/7 AUTOMATED MONITORING" },
|
||||
{ type: "text", text: "HIGH-TICKET OPTIMIZED" },
|
||||
{ type: "text", text: "ARCHITECTURAL RELIABILITY" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Problem",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg",
|
||||
alt: "Notification",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "When a customer fills out your form, they are messaging 3 others. If you wait 2 hours, they have already answered a competitor’s call. A 'Contact Us' page that says 'We will get back to you soon' is an admission of weakness.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "The Problem" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg", alt: "Notification" },
|
||||
{ type: "text", content: "When a customer fills out your form, they are messaging 3 others. If you wait 2 hours, they have already answered a competitor’s call. A 'Contact Us' page that says 'We will get back to you soon' is an admission of weakness." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "4-Second Alert",
|
||||
tags: [
|
||||
"Instant",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg?_wi=2",
|
||||
imageAlt: "glowing network node architecture",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Direct Connect",
|
||||
tags: [
|
||||
"API",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg?_wi=4",
|
||||
imageAlt: "minimalist data flow line art dark",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "24/7 Monitoring",
|
||||
tags: [
|
||||
"Automated",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg?_wi=3",
|
||||
imageAlt: "minimalist phone notification UI",
|
||||
},
|
||||
]}
|
||||
title="The Digital Alarm"
|
||||
description="We build a 'Digital Alarm' for your business. When a client asks for a price, your phone buzzes instantly. You call them while they are still on your site."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "4-Second Alert", tags: ["Instant"], imageSrc: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg", imageAlt: "glowing network node architecture" },
|
||||
{ id: "2", title: "Direct Connect", tags: ["API"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913919.jpg", imageAlt: "minimalist data flow line art dark" },
|
||||
{ id: "3", title: "24/7 Monitoring", tags: ["Automated"], imageSrc: "http://img.b2bpic.net/free-photo/coronavirus-outbreak-update-phone-application_53876-167269.jpg", imageAlt: "minimalist phone notification UI" }
|
||||
]}
|
||||
title="The Digital Alarm"
|
||||
description="We build a 'Digital Alarm' for your business. When a client asks for a price, your phone buzzes instantly. You call them while they are still on your site."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-architect" data-section="about-architect">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About the Architect. LUMVER was founded on a single obsession: Speed-to-Lead. We build the silent, hidden backend systems that ensure you are the first, fastest, and most professional firm your client meets.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-architect" data-section="about-architect">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "About the Architect. LUMVER was founded on a single obsession: Speed-to-Lead. We build the silent, hidden backend systems that ensure you are the first, fastest, and most professional firm your client meets." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Basic Node",
|
||||
price: "$199/mo",
|
||||
subtitle: "Perfect for solo owners.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start With Basic",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 Website Form",
|
||||
"4-sec Speed",
|
||||
"24/7 Monitoring",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "full",
|
||||
badge: "Full Architecture",
|
||||
price: "$499/mo",
|
||||
subtitle: "Built for established teams.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Initialize System",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"All Forms Connected",
|
||||
"Auto-reply SMS",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Pricing Architecture"
|
||||
description="Premium systems for scaling businesses."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Basic Node", price: "$199/mo", subtitle: "Perfect for solo owners.", buttons: [{ text: "Start With Basic", href: "#" }], features: ["1 Website Form", "4-sec Speed", "24/7 Monitoring"] },
|
||||
{ id: "full", badge: "Full Architecture", price: "$499/mo", subtitle: "Built for established teams.", buttons: [{ text: "Initialize System", href: "#" }], features: ["All Forms Connected", "Auto-reply SMS", "Priority Support"] }
|
||||
]}
|
||||
title="Pricing Architecture"
|
||||
description="Premium systems for scaling businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to win the race to the lead? We created a 40-second video demo showing how a lead flows from a form to a phone. No sales call, just the logic."
|
||||
buttons={[
|
||||
{
|
||||
text: "CONTACT US // GET THE DEMO",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to win the race to the lead? We created a 40-second video demo showing how a lead flows from a form to a phone. No sales call, just the logic."
|
||||
buttons={[{ text: "CONTACT US // GET THE DEMO", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="LUMVER"
|
||||
copyrightText="© LUMVER // Systems Architecture"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="LUMVER"
|
||||
copyrightText="© LUMVER // Systems Architecture"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user