Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 69a2257b5b | |||
| eea41da20f | |||
| 9ed487f216 | |||
| 7343b68a84 | |||
| 0022900268 | |||
| 4fb7653378 | |||
| a5a445f43c | |||
| 74b53c78ea | |||
| 7722f5581c | |||
| cc90a9a0ee | |||
| f7f3330b88 | |||
| fd505da971 | |||
| f4e59afc61 | |||
| 475d12654f |
350
src/app/page.tsx
350
src/app/page.tsx
@@ -3,15 +3,14 @@
|
||||
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 FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,235 +18,132 @@ 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">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="ToughComp"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Get Quote", href: "#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">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Premium Workers Comp Wholesale"
|
||||
description="Empowering agencies with specialized underwriting, rapid quotes, and unmatched risk management expertise."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[{ text: "Become a Producer", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-team-meeting-modern-office_1163-4660.jpg?_wi=1" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/senior-executive-manager-looking-data-tablet_1098-20822.jpg?_wi=1" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/professional-workers-hardhats-site_1163-4903.jpg?_wi=1" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/digital-data-analysis-concept_23-2148767352.jpg?_wi=1" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_1098-21422.jpg" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-team-meeting-modern-office_1163-4660.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Reliability at its core."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
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."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-executive-manager-looking-data-tablet_1098-20822.jpg?_wi=2"
|
||||
/>
|
||||
</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">
|
||||
<FeatureCardEight
|
||||
title="Specialized Coverage Solutions"
|
||||
description="Expert underwriting tailored for high-risk and complex accounts."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Complex Account Support", description: "Expertise in difficult class codes and high-risk industries.", imageSrc: "http://img.b2bpic.net/free-photo/professional-workers-hardhats-site_1163-4903.jpg?_wi=2"
|
||||
},
|
||||
{
|
||||
title: "Accelerated Submission Portal", description: "Our proprietary portal reduces turnaround times by 60%.", imageSrc: "http://img.b2bpic.net/free-photo/digital-data-analysis-concept_23-2148767352.jpg?_wi=2"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</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">
|
||||
<MetricCardFourteen
|
||||
title="Measured Performance"
|
||||
tag="Impact"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "25%", description: "Average Growth Rate" },
|
||||
{ id: "2", value: "500+", description: "Active Agent Partners" },
|
||||
{ id: "3", value: "15m", description: "Quote Turnaround" }
|
||||
]}
|
||||
/>
|
||||
</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">
|
||||
<TestimonialCardSix
|
||||
title="Partner Success"
|
||||
description="Hear from our valued producer partners."
|
||||
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." },
|
||||
{ id: "2", name: "Sarah Chen", handle: "Regional Manager", testimonial: "Expertise that actually helps me close difficult accounts." }
|
||||
]}
|
||||
/>
|
||||
</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">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about partnering with ToughComp."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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">
|
||||
<ContactText
|
||||
text="Our underwriting team is available Monday-Friday, 8am-6pm EST to assist with your complex placements."
|
||||
buttons={[{ text: "Call: 1-800-TOUGH-COMP", href: "tel:18008684426" }, { text: "Email: partners@toughcomp.com", href: "mailto:partners@toughcomp.com" }]}
|
||||
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">
|
||||
<FooterLogoEmphasis
|
||||
logoText="ToughComp"
|
||||
columns={[
|
||||
{ items: [{ label: "Wholesale Workers Comp", href: "#" }, { label: "Agency Partnership", href: "#" }, { label: "Risk Management", href: "#" }] },
|
||||
{ items: [{ label: "Producer Portal", href: "#" }, { label: "Claims Center", href: "#" }, { label: "Compliance", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user