Files
6c797bfa-6e64-46c3-a374-eae…/src/app/page.tsx
2026-04-18 02:09:36 +00:00

173 lines
9.6 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, DollarSign, Laptop, Phone, Shield, Star, TrendingUp } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="noiseDiagonalGradient"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Overview", id: "hero" },
{ name: "The System", id: "features" },
{ name: "Why Join", id: "about" },
{ name: "Join Call", id: "contact" },
]}
brandName="Generation Next"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "glowing-orb" }}
title="A Remote Insurance Sales System Producing $800,000+ Per Month"
description="Join Generation Next — a virtual sales team powered by Family First Life helping agents earn $10K+ per month using warm insurance leads. No cold calling required."
buttons={[
{ text: "Book Your Spot for the Monday 7:30 PM Overview", href: "https://calendly.com/michaelmaloney-familyfirstlife-insurance" },
{ text: "See How It Works", href: "#about" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV1p6moMxc2HaAeVg3cKHU48Fe/futuristic-3d-income-dashboard-interface-1776477771783-b5753008.png"
imageAlt="Futuristic 3D income dashboard interface with neon green graphs and financial data"
mediaAnimation="blur-reveal"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV1p6moMxc2HaAeVg3cKHU48Fe/professional-portrait-of-a-middle-aged-m-1776477831609-66763d42.png", alt: "Sales Agent 1" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV1p6moMxc2HaAeVg3cKHU48Fe/professional-portrait-of-a-female-sales--1776477840494-490efc80.png", alt: "Sales Agent 2" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV1p6moMxc2HaAeVg3cKHU48Fe/professional-portrait-of-a-male-team-lea-1776477848742-b1053d44.png", alt: "Sales Agent 3" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV1p6moMxc2HaAeVg3cKHU48Fe/professional-portrait-of-an-agent-in-a-h-1776477860571-fb567af6.png", alt: "Sales Agent 4" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV1p6moMxc2HaAeVg3cKHU48Fe/professional-portrait-of-an-agent-dark-b-1776477870131-749f9652.png", alt: "Sales Agent 5" },
]}
avatarText="Join 500+ successful agents"
marqueeItems={[
{ type: "text", text: "100% Warm Leads" },
{ type: "text", text: "No Cold Calling" },
{ type: "text", text: "Virtual Freedom" },
{ type: "text", text: "High Commissions" },
{ type: "text", text: "Proven Mentorship" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="depth-3d"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "$800K+", title: "Monthly Production", description: "High-volume sales performance", icon: TrendingUp },
{ id: "m2", value: "100%", title: "Remote Sales", description: "Work from anywhere in the country", icon: Laptop },
{ id: "m3", value: "$10K+", title: "Avg Monthly Earnings", description: "Scalable income potential for agents", icon: DollarSign },
{ id: "m4", value: "0", title: "Cold Calling", description: "Focused exclusively on warm leads", icon: Star },
]}
title="Proven System Results"
description="Building the largest life insurance brokerage in the country through a proven virtual sales model."
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="What is Generation Next?"
buttons={[
{ text: "Join Our Team", href: "https://calendly.com/michaelmaloney-familyfirstlife-insurance" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{ title: "1. Get Leads", description: "You receive exclusive warm insurance leads.", bentoComponent: "reveal-icon", icon: Shield },
{ title: "2. Connect", description: "Speak with families who have already requested coverage.", bentoComponent: "reveal-icon", icon: Phone },
{ title: "3. Close & Earn", description: "Help protect families and earn high commissions.", bentoComponent: "reveal-icon", icon: Award },
]}
title="How The System Works"
description="No cold calling. No door knocking. No prospecting."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="blur-reveal"
textboxLayout="split"
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={false}
members={[
{ id: "t1", name: "Michael Maloney", role: "Director", description: "Founder of Generation Next with years of virtual sales leadership experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV1p6moMxc2HaAeVg3cKHU48Fe/professional-headshot-of-a-successful-sa-1776477806821-51cf0d35.png" },
{ id: "t2", name: "Top Producer", role: "Lead Mentor", description: "Specialist in scaling agent earnings through proven virtual sales strategies.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV1p6moMxc2HaAeVg3cKHU48Fe/professional-headshot-of-a-team-mentor-c-1776477814942-eeecf2d1.png" },
{ id: "t3", name: "Sales Expert", role: "Closing Specialist", description: "Expert at closing high-value insurance cases entirely online.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CV1p6moMxc2HaAeVg3cKHU48Fe/professional-headshot-of-a-top-producing-1776477823206-78067cb9.png" },
]}
title="Why Agents Join Generation Next"
description="Join a proven sales organization powered by Family First Life with dedicated training and mentorship."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "weekly-overview", badge: "Required", price: "Free", subtitle: "Weekly Group Interview", features: ["Proven sales system overview", "Compensation plan training", "Warm lead flow strategy", "Mentorship access"],
buttons: [{ text: "Reserve My Spot Now", href: "https://calendly.com/michaelmaloney-familyfirstlife-insurance" }],
},
]}
title="Join the Weekly Overview Call"
description="Every Monday at 7:30 PM EST. Learn the system, comp plan, and how to scale to $10K+ monthly."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Ready to get started?"
title="Ready to Build a $10K+/Month Remote Income?"
description="Join a proven system with warm leads, training, and support."
buttons={[
{ text: "Book My Overview Call", href: "https://calendly.com/michaelmaloney-familyfirstlife-insurance" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Generation Next"
columns={[
{ title: "Company", items: [{ label: "Overview Call", href: "https://calendly.com/michaelmaloney-familyfirstlife-insurance" }, { label: "About FFL", href: "#" }] },
{ title: "Resources", items: [{ label: "Sales Training", href: "#" }, { label: "Lead System", href: "#" }] },
]}
copyrightText="© 2025 Generation Next | Powered by Family First Life"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}