Files
e73e5107-ff77-41c6-bcad-e24…/src/app/page.tsx
2026-04-05 23:00:18 +00:00

206 lines
6.7 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="fluid"
cardStyle="layered-gradient"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<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">
<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"
/>
</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.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg"
imageAlt="Strategic growth analytics"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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="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"
gridVariant="asymmetric-60-wide-40-narrow"
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",
},
{
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",
},
]}
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",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Hlengs.revenue"
copyrightText="© 2025 Hlengs. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}