252 lines
10 KiB
TypeScript
252 lines
10 KiB
TypeScript
"use client";
|
|
|
|
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 FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { CheckCircle, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#features"},
|
|
{
|
|
name: "Clients", id: "#social-proof"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Whelans Inc"
|
|
button={{
|
|
text: "Get Started Today"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
logoText="Whelans Inc"
|
|
description="Industry-leading expertise and customer-first service. Discover how we solve your biggest challenges."
|
|
buttons={[
|
|
{
|
|
text: "Get Started Today", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/people-talking-office_23-2149370573.jpg"
|
|
imageAlt="Whelans Inc team collaborating on a project"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="Empowering Your Business Through Trusted Solutions and Unmatched Expertise"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="blur-reveal"
|
|
features={[
|
|
{
|
|
id: "strategic-consulting", title: "Strategic Consulting", subtitle: "Expert guidance for informed decisions", category: "Advisory", value: "Unlock growth", buttons: [
|
|
{
|
|
text: "Learn More"},
|
|
],
|
|
},
|
|
{
|
|
id: "data-analytics", title: "Advanced Data Analytics", subtitle: "Transforming data into actionable insights", category: "Insights", value: "Boost efficiency", buttons: [
|
|
{
|
|
text: "Learn More"},
|
|
],
|
|
},
|
|
{
|
|
id: "custom-development", title: "Custom Solution Development", subtitle: "Tailored software to meet unique needs", category: "Innovation", value: "Custom fit", buttons: [
|
|
{
|
|
text: "Learn More"},
|
|
],
|
|
},
|
|
{
|
|
id: "continuous-support", title: "Ongoing Support & Maintenance", subtitle: "Ensuring seamless operation, 24/7", category: "Reliability", value: "Peace of mind", buttons: [
|
|
{
|
|
text: "Learn More"},
|
|
],
|
|
},
|
|
{
|
|
id: "digital-transformation", title: "Digital Transformation", subtitle: "Modernizing your infrastructure and processes", category: "Future-proofing", value: "Stay competitive", buttons: [
|
|
{
|
|
text: "Learn More"},
|
|
],
|
|
},
|
|
]}
|
|
title="Comprehensive Solutions for Your Business Challenges"
|
|
description="Whelans Inc offers a tailored suite of services designed to optimize operations, drive growth, and ensure your long-term success."
|
|
tag="Our Services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
metrics={[
|
|
{
|
|
id: "clients-served", icon: Users,
|
|
title: "Clients Served Globally", value: "500+"},
|
|
{
|
|
id: "projects-completed", icon: CheckCircle,
|
|
title: "Successful Projects Delivered", value: "1200+"},
|
|
{
|
|
id: "satisfaction-rate", icon: Star,
|
|
title: "Client Satisfaction Rate", value: "98%"},
|
|
]}
|
|
title="Driving Success: Our Impact in Numbers"
|
|
description="Our commitment to excellence translates into measurable results and tangible value for our diverse clientele."
|
|
tag="Our Impact"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"GlobalTech Solutions", "Innovate Ventures", "Apex Industries", "Synergy Corp", "Future Dynamics", "Quantum Innovations", "Visionary Works", "Pioneer Group"]}
|
|
title="Trusted by Industry Leaders"
|
|
description="We've had the privilege of partnering with top companies across various sectors, delivering exceptional outcomes and fostering long-term relationships."
|
|
tag="Partners"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson, CEO of GlobalTech Solutions", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg", imageAlt: "Sarah Johnson avatar"},
|
|
{
|
|
id: "2", name: "Michael Chen, Director at Innovate Ventures", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-using-tablet_1262-5673.jpg", imageAlt: "Michael Chen avatar"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez, Founder of Apex Industries", imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", imageAlt: "Emily Rodriguez avatar"},
|
|
{
|
|
id: "4", name: "David Kim, VP Operations at Synergy Corp", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg", imageAlt: "David Kim avatar"},
|
|
{
|
|
id: "5", name: "Jessica Lee, Lead Strategist at Future Dynamics", imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-with-arms-up_23-2148336917.jpg", imageAlt: "Jessica Lee avatar"},
|
|
]}
|
|
cardTitle="What Our Clients Say"
|
|
cardTag="Client Success Stories"
|
|
cardAnimation="entrance-slide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "What industries does Whelans Inc specialize in?", content: "Whelans Inc serves a diverse range of industries, including technology, finance, healthcare, manufacturing, and retail. Our adaptable solutions are designed to meet sector-specific challenges."},
|
|
{
|
|
id: "faq2", title: "How does Whelans Inc ensure client success?", content: "We prioritize client success through a collaborative approach, meticulous planning, transparent communication, and continuous support. Our proven methodologies are tailored to achieve measurable results."},
|
|
{
|
|
id: "faq3", title: "Can Whelans Inc provide custom solutions?", content: "Absolutely. Customization is at the core of our service offering. We work closely with clients to understand their unique requirements and develop bespoke solutions that precisely fit their needs."},
|
|
]}
|
|
sideTitle="Common Questions"
|
|
sideDescription="Find quick answers to the most frequently asked questions about Whelans Inc and our services. For more details, feel free to contact us directly."
|
|
faqsAnimation="blur-reveal"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Ready to Transform Your Business? Let's Connect."
|
|
buttons={[
|
|
{
|
|
text: "Schedule a Consultation", href: "#"},
|
|
{
|
|
text: "Send an Email", href: "mailto:info@whelansinc.com"},
|
|
]}
|
|
animationType="text-stagger"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Services", href: "#features"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Support", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Whelans Inc. All rights reserved."
|
|
bottomRightText="Built with expertise."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|