Update src/app/page.tsx
This commit is contained in:
160
src/app/page.tsx
160
src/app/page.tsx
@@ -5,27 +5,28 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { CheckCircle, Target, Zap } from "lucide-react";
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import { CheckCircle, Target, Zap, Layout, Search, BarChart, Briefcase, Settings } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="floatingGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -34,146 +35,95 @@ export default function LandingPage() {
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Apex Lead Group"
|
||||
brandName="Rev Digital"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Scaling Business Through High-Intent Leads"
|
||||
description="Apex Lead Group delivers premium, qualified leads designed to accelerate your sales pipeline and fuel sustainable revenue growth."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-agency-corporate-facebook-cover-template-design_84443-24471.jpg", imageAlt: "corporate background dark gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "data analytics dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/one-businessman-standing-holding-currency-reflecting-success-generated-by-ai_188544-27899.jpg", imageAlt: "corporate background dark gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg", imageAlt: "data analytics dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136867.jpg", imageAlt: "corporate background dark gold" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg", imageAlt: "data analytics dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-regular-spaghetti-with-copy-space_23-2148461646.jpg", imageAlt: "corporate background dark gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-presentation-related-performance-business-using-graph_53876-98525.jpg", imageAlt: "data analytics dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-agency-corporate-facebook-cover-banner-template_120329-5066.jpg", imageAlt: "corporate background dark gold" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-26156.jpg", imageAlt: "data analytics dashboard" }
|
||||
]}
|
||||
buttons={[{ text: "Start Scaling", href: "#contact" }]}
|
||||
avatarText="Trusted by 450+ growth-focused companies"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Accelerate Your Revenue with Rev Digital"
|
||||
description="Expert digital marketing and high-intent lead generation strategies designed to scale your business."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }, { text: "View Pricing", href: "#pricing" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Growth Partner"
|
||||
title="Over 2 Years of Digital Growth"
|
||||
description={[
|
||||
"Apex Lead Group bridges the gap between ambitious companies and their ideal clients.", "We combine data-driven insights with strategic outreach to ensure every lead we generate is ready to move through your pipeline."
|
||||
"Rev Digital was founded with a singular mission: to simplify lead generation for ambitious brands.", "With over two years of rigorous testing and scaling, we have perfected the art of connecting your business with decision-makers who are ready to convert."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Lead Strategy"
|
||||
description="Comprehensive frameworks designed for high-conversion performance."
|
||||
title="Strategic Agency Services"
|
||||
description="Our comprehensive toolkit for modern business growth."
|
||||
features={[
|
||||
{
|
||||
title: "Precision Targeting", description: "We identify and engage exactly the decision-makers your brand needs.", icon: Target,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/firm-handshake-business-partners_1098-15971.jpg", imageAlt: "lead generation funnel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cool-illustration-with-geometric-shapes-bronze-laser-lights_181624-57639.jpg", imageAlt: "artificial intelligence data" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Verified Quality", description: "Multi-step verification processes to eliminate waste.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-techno-cyber-particles_1048-14428.jpg", imageAlt: "artificial intelligence data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-young-man-handshake-with-someone-office_1150-15531.jpg", imageAlt: "lead generation funnel" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Scalable Outreach", description: "Expand your reach without compromising quality.", icon: Zap,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-view-pushpin-map-white-wallpaper_23-2148510456.jpg", imageAlt: "lead generation funnel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-golden-neon-lights_181624-34443.jpg", imageAlt: "artificial intelligence data" }
|
||||
]
|
||||
}
|
||||
{ title: "Website Design", description: "High-converting, mobile-responsive sites.", icon: Layout, mediaItems: [{ imageSrc: "" }, { imageSrc: "" }] },
|
||||
{ title: "Lead Generation", description: "Targeted prospecting and pipeline development.", icon: Target, mediaItems: [{ imageSrc: "" }, { imageSrc: "" }] },
|
||||
{ title: "SEO Services", description: "Rank higher, reach further, grow faster.", icon: Search, mediaItems: [{ imageSrc: "" }, { imageSrc: "" }] },
|
||||
{ title: "Google Business Profile", description: "Local presence management and optimization.", icon: Map, mediaItems: [{ imageSrc: "" }, { imageSrc: "" }] },
|
||||
{ title: "Maintenance", description: "Reliable support for your digital assets.", icon: Settings, mediaItems: [{ imageSrc: "" }, { imageSrc: "" }] },
|
||||
{ title: "Branding", description: "Identity and messaging that resonates.", icon: Briefcase, mediaItems: [{ imageSrc: "" }, { imageSrc: "" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15K+", title: "Leads Generated", items: ["High-intent prospects", "Industry-validated"] },
|
||||
{ id: "m2", value: "30%", title: "Avg Conversion", items: ["Pipeline growth", "Revenue impact"] },
|
||||
{ id: "m3", value: "450+", title: "Happy Clients", items: ["Trusted partnerships", "Repeat business"] }
|
||||
title="Transparent Pricing"
|
||||
description="Flexible tiers for every stage of your growth journey."
|
||||
plans={[
|
||||
{ id: "p1", badge: "Starter", price: "$999", subtitle: "Essential lead gen for new ventures.", features: ["Site Audit", "Basic Lead Targeting", "Email Support"] },
|
||||
{ id: "p2", badge: "Growth", price: "$2,499", subtitle: "Scale your outreach and conversion.", features: ["SEO Optimization", "Advanced Prospecting", "Priority Support"] },
|
||||
{ id: "p3", badge: "Premium", price: "$4,999", subtitle: "Full-scale digital growth management.", features: ["Full Agency Support", "Google My Business", "Dedicated Account Manager"] }
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers that define our impact on your business growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Partner Voices"
|
||||
description="What our clients say about partnering with Apex Lead Group."
|
||||
title="Client Success Stories"
|
||||
description="Hear how we helped our partners scale."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", date: "Jan 2024", title: "Marketing Director", quote: "Apex transformed our pipeline overnight.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg" },
|
||||
{ id: "2", name: "John Doe", date: "Feb 2024", title: "CEO", quote: "Reliable, effective, and results-oriented.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg" },
|
||||
{ id: "3", name: "Emily Chen", date: "Mar 2024", title: "VP Sales", quote: "Best lead quality we have found in years.", tag: "Outstanding", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg" },
|
||||
{ id: "4", name: "David Smith", date: "Apr 2024", title: "Founder", quote: "Growth accelerated after one month.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg" },
|
||||
{ id: "5", name: "Lisa Wong", date: "May 2024", title: "CMO", quote: "Apex is the standard for B2B lead gen.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/man-black-suit-smiles-sitting-chair_23-2148401485.jpg" }
|
||||
{ id: "t1", name: "Alex P.", role: "Founder", company: "InnovateCo", rating: 5, quote: "Rev Digital completely overhauled our lead funnel. Highly recommended." },
|
||||
{ id: "t2", name: "Jordan K.", role: "CMO", company: "TechFlow", rating: 5, quote: "Unmatched professionalism and expertise in lead generation." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How fast can we start?", content: "Within 48 hours of onboarding." },
|
||||
{ id: "q2", title: "What industries do you serve?", content: "Specializing in SaaS and B2B services." },
|
||||
{ id: "q3", title: "Do you offer trials?", content: "We offer a discovery pilot program." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/company-analyst-reviewing-infographics-progress-success-t_482257-104958.jpg"
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you get started."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to Scale Your Growth?"
|
||||
description="Schedule a strategy call with our lead gen experts today."
|
||||
title="Let's Talk Growth"
|
||||
description="Contact us to see how we can build a pipeline that drives results for your company."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterBaseReveal
|
||||
logoText="Rev Digital"
|
||||
columns={[
|
||||
{ title: "Resources", items: [{ label: "Case Studies", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Design", href: "#features" }, { label: "Lead Gen", href: "#features" }] }
|
||||
]}
|
||||
logoText="Apex Lead Group"
|
||||
copyrightText="© 2025 Apex Lead Group. All rights reserved."
|
||||
copyrightText="© 2025 Rev Digital"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user