119 lines
5.5 KiB
TypeScript
119 lines
5.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import { Sparkles, BarChart3, Target, CheckCircle2 } from "lucide-react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Process", id: "about" },
|
|
{ name: "Strategy", id: "features" },
|
|
{ name: "Results", id: "testimonials" },
|
|
]}
|
|
button={{ text: "Book Strategy Call", href: "#contact" }}
|
|
brandName="Hlengs.revenue"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="SCALE YOUR CREATIVE REVENUE TO THE STRATOSPHERE"
|
|
description="I help elite creative strategists engineer high-ticket revenue machines. Stop relying on luck; start scaling your enterprise with precision systems."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="NEW: 2025 REVENUE ENGINE"
|
|
buttons={[{ text: "Book Strategy Call", href: "#contact" }]}
|
|
dashboard={{
|
|
title: "Revenue Growth", stats: [
|
|
{ title: "Monthly Revenue", titleMobile: "MRR", values: [15000, 25000, 45000], valuePrefix: "$", description: "Growth over Q1" },
|
|
{ title: "Client Pipeline", titleMobile: "Leads", values: [12, 34, 88], description: "High-intent inbound" },
|
|
{ title: "Conversion Rate", titleMobile: "CVR", values: [2, 5, 12], description: "Discovery call conversion" }
|
|
],
|
|
logoIcon: Sparkles,
|
|
sidebarItems: [{ icon: Target, active: true }, { icon: BarChart3 }],
|
|
listItems: [{ icon: CheckCircle2, title: "Funnel Optimization", status: "Complete" }],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419486.jpg"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="The Strategic Advantage"
|
|
description="True scale requires moving beyond the 'content hamster wheel.' I architect systems that bridge the gap between creative excellence and high-ticket predictability."
|
|
imageSrc="http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg"
|
|
buttons={[{ text: "See My System", href: "#features" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="blur-reveal"
|
|
title="Core Systems for Revenue"
|
|
textboxLayout="split"
|
|
features={[
|
|
{ title: "High-Ticket Architecture", description: "Designing offers that justify premium pricing.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg" },
|
|
{ title: "Inbound Funnel Engineering", description: "Turning traffic into high-intent discovery calls.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="depth-3d"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
title="Results That Speak"
|
|
description="See what top-tier creative strategists are saying about our methodology."
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Alex Rivet", role: "Strategist", company: "CreativeLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg" },
|
|
{ id: "2", name: "Sarah Chen", role: "Consultant", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-white-scarf-headphones-around-her-neck-lookig-camera-smiling-cheerfully_141793-54936.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Are you ready to stop guessing and start scaling? Your high-ticket roadmap starts with a single call."
|
|
buttons={[{ text: "Book My Discovery Call", href: "https://calendly.com/hlengs" }]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Hlengs.revenue"
|
|
copyrightText="© 2025 Hlengs. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|