Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cc90a9a0ee | |||
| fd505da971 | |||
| 475d12654f |
359
src/app/page.tsx
359
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Shield, TrendingUp, Users, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,235 +19,138 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ToughComp"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="ToughComp"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Built for Tough Performance."
|
||||
description="ToughComp provides robust, reliable enterprise solutions designed to withstand the highest demands of modern business environments."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-artsy-tall-architecture-piece_181624-569.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Premium Workers Comp Wholesale"
|
||||
description="Empowering agencies with specialized underwriting, rapid quotes, and unmatched risk management expertise."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
enableKpiAnimation={true}
|
||||
kpis={[
|
||||
{ value: "$500M+", label: "Premium Managed" },
|
||||
{ value: "24/7", label: "Underwriting Support" },
|
||||
{ value: "98%", label: "Client Retention" }
|
||||
]}
|
||||
buttons={[{ text: "Become a Producer", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-business-team-meeting-modern-office_1163-4660.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Reliability at its core."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Mission"
|
||||
title="Stability Through Specialized Expertise"
|
||||
description="ToughComp focuses exclusively on workers' compensation, providing wholesale brokers with the tools to write complex risks with confidence."
|
||||
subdescription="Our streamlined submission process and deep industry relationships mean faster approvals and better coverage for your clients."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-executive-manager-looking-data-tablet_1098-20822.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Infrastructure",
|
||||
description: "High-availability cloud backbone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cybersecurity",
|
||||
description: "Advanced threat protection layers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg",
|
||||
},
|
||||
{
|
||||
title: "Optimization",
|
||||
description: "High speed performance tuning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurry-background_1048-6216.jpg",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Capabilities"
|
||||
description="We offer modular, scalable solutions to optimize every aspect of your enterprise workflow."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
title="Specialized Coverage Solutions"
|
||||
description="Expert underwriting tailored for high-risk and complex accounts."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Risk Management", title: "Complex Account Support", subtitle: "Deep industry experience", description: "Expertise in difficult class codes and high-risk industries.", imageSrc: "http://img.b2bpic.net/free-photo/professional-workers-hardhats-site_1163-4903.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Fast Quotes", title: "Accelerated Submission Portal", subtitle: "Technology driven speed", description: "Our proprietary portal reduces turnaround times by 60%.", imageSrc: "http://img.b2bpic.net/free-photo/digital-data-analysis-concept_23-2148767352.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Security Uptime",
|
||||
value: "99.99%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Latency Reduction",
|
||||
value: "45ms",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Industry Awards",
|
||||
value: "24+",
|
||||
},
|
||||
]}
|
||||
title="Impact Driven"
|
||||
description="Our numbers speak to the consistency we deliver."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Measured Performance"
|
||||
description="Real impact for our producer partners."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", icon: TrendingUp, value: "25%", title: "Average Growth", description: "Partner producer success rate" },
|
||||
{ id: "2", icon: Users, value: "500+", title: "Active Agents", description: "Trusted wholesale partners" },
|
||||
{ id: "3", icon: CheckCircle, value: "15min", title: "Quote Response", description: "Priority service standard" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "The standard.",
|
||||
quote: "ToughComp transformed our operational resilience overnight.",
|
||||
name: "John Smith",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pure reliability.",
|
||||
quote: "Never encountered a better performance solution for our scale.",
|
||||
name: "Jane Doe",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-executive-businessman-office_1098-21340.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Speed efficiency.",
|
||||
quote: "The metrics speak for themselves - unmatched output.",
|
||||
name: "Mike Ross",
|
||||
role: "VP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Seamless integration.",
|
||||
quote: "Simplified our entire tech stack with their guidance.",
|
||||
name: "Sarah Lee",
|
||||
role: "Head of IT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Always available.",
|
||||
quote: "Consistent support and rock-solid platform performance.",
|
||||
name: "Chris Wu",
|
||||
role: "Tech Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Hear from leaders who depend on our hardware and software."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Partner Success"
|
||||
description="Hear from our valued producer partners."
|
||||
showRating={true}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Rivers", handle: "VP, Insurance Solutions", testimonial: "The fastest underwriting response I've seen in the wholesale market.", rating: 5 },
|
||||
{ id: "2", name: "Sarah Chen", handle: "Regional Manager", testimonial: "Expertise that actually helps me close difficult accounts.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is ToughComp scalable?",
|
||||
content: "Yes, our architecture grows with your business needs.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How is support handled?",
|
||||
content: "Our global support teams are available 24/7.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What integrations do you have?",
|
||||
content: "We support all leading enterprise software suites.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions? Answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about partnering with ToughComp."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-people-meeting_1098-21422.jpg"
|
||||
faqs={[
|
||||
{ id: "1", title: "What classes do you write?", content: "We specialize in construction, hospitality, and healthcare industry codes." },
|
||||
{ id: "2", title: "How do I register as a producer?", content: "Simply submit our online partner form and our team will verify your license." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
text="Get in touch with the ToughComp team to discuss your project requirements."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Partner?"
|
||||
title="Join the ToughComp Network"
|
||||
description="Expand your portfolio with our specialized wholesale workers' compensation products."
|
||||
buttons={[{ text: "Request Producer Access", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="ToughComp"
|
||||
columns={[
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
{
|
||||
label: "Hardware",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="ToughComp"
|
||||
columns={[
|
||||
{ title: "Products", items: [{ label: "Workers Comp", href: "#" }, { label: "Risk Management", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user