bender/e73e5107-ff77-41c6-bcad-e24df4e5c5fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-05 23:13:07 +00:00
parent 735db75540
commit ea959d3a28
1 changed files with 45 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/app/page.tsx
View File

@@ -2,12 +2,13 @@
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 FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
export default function LandingPage() {
@@ -16,180 +17,85 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="fluid"
cardStyle="layered-gradient"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Process",
id: "#about",
},
{
name: "Strategy",
id: "#features",
},
{
name: "Results",
id: "#testimonials",
},
{ name: "Process", id: "#about" },
{ name: "Strategy", id: "#features" },
{ name: "Results", id: "#testimonials" },
]}
button={{
text: "Book Strategy Call",
href: "#contact",
}}
button={{ text: "Book Strategy Call", href: "#contact" }}
brandName="Hlengs.revenue"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="SCALE YOUR CREATIVE REVENUE"
description="I help creative strategists turn their expertise into consistent high-ticket revenue. Stop guessing, start scaling your impact."
buttons={[
{
text: "Book Your Strategy Call",
href: "#contact",
},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419486.jpg"
imageAlt="Hlengs Strategy Expert"
<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" }
],
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">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="The Strategic Edge"
description="True scaling isn't just about more content; it's about systems that convert. I deconstruct your current strategy to identify revenue leaks and optimize for high-impact growth."
bulletPoints={[
{
title: "Revenue Optimization",
description: "Analyzing your current funnels for maximum conversion potential.",
},
{
title: "High-Ticket Systems",
description: "Building sustainable frameworks to attract premium clients.",
},
{
title: "Strategic Implementation",
description: "Direct, actionable roadmaps to scale your operations.",
},
]}
<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"
imageAlt="Strategic growth analytics"
mediaAnimation="slide-up"
buttons={[{ text: "See My System", href: "#features" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
<FeatureCardSeven
animationType="blur-reveal"
title="Core Systems for Revenue"
textboxLayout="split"
features={[
{
id: "1",
title: "Funnel Design",
subtitle: "Architecture that converts",
category: "Growth",
value: "2x Lift",
},
{
id: "2",
title: "Client Acquisition",
subtitle: "Predictable premium flow",
category: "Systems",
value: "Predictable",
},
{
id: "3",
title: "Offer Engineering",
subtitle: "High-ticket positioning",
category: "Revenue",
value: "Max ROI",
},
{ 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" }
]}
title="What We Solve"
description="Stop struggling with low-ticket volume. Implement proven systems designed for growth."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
animationType="depth-3d"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
title="Results That Speak"
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",
},
{
id: "3",
name: "Marcus Thorne",
role: "Founder",
company: "ScaleStudio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-dyed-bob-hairstyle-artistic-make-up-nose-ring-wearing-transparent-dress-black-strap-top-posing-against-blank-wall-with-copy-space-your-information_343059-4358.jpg",
},
{
id: "4",
name: "Elena Rossi",
role: "Designer",
company: "DigitalArt",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
},
{
id: "5",
name: "James Watt",
role: "Agency Owner",
company: "NextGen",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-rubbing-fingers-making-money-gesture-asking-money-standing-pink-wall_141793-29287.jpg",
},
{ 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" }
]}
title="Proven Results"
description="Don't just take my word for it. See how we've scaled creative strategies."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
text="Ready to scale your revenue? Book your discovery call today and let's map out your growth strategy."
buttons={[
{
text: "Book My Call Now",
href: "https://calendly.com/hlengs",
},
]}
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" }}
/>
</div>