259 lines
18 KiB
TypeScript
259 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Sparkles, Zap, Award, ShieldCheck, Star, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Quadrant5"
|
|
navItems={[
|
|
{ name: "Home", id: "#hero" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Team", id: "#team" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Quadrant5: Innovate. Consult. Engineer. Build."
|
|
description="Unifying consulting and engineering excellence under one visionary banner, Quadrant5 delivers transformative solutions for your business challenges."
|
|
testimonials={[
|
|
{ name: "Alexandria V.", handle: "@TechSolutions", testimonial: "Quadrant5 brought unparalleled clarity and technical prowess to our most complex project. Their integrated approach is a game-changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/size-inclusive-white-t-shirt-beige-blazer-women-s-business-attire_53876-119748.jpg", imageAlt: "Alexandria V." },
|
|
{ name: "Marcus C.", handle: "@InnovateCorp", testimonial: "The strategic guidance from Quadrant5C combined with Quadrant5e's execution delivered results far beyond our expectations. Truly visionary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151134171.jpg", imageAlt: "Marcus C." },
|
|
{ name: "Sophia L.", handle: "@DigitalPioneers", testimonial: "Their engineering team is world-class, delivering robust and scalable solutions. Quadrant5 is our go-to partner for future-proofing our tech.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-adult-businesswoman-smiling-camera_1098-21298.jpg", imageAlt: "Sophia L." },
|
|
{ name: "Javier R.", handle: "@GlobalVentures", testimonial: "From initial concept to final deployment, Quadrant5 provided seamless support and expertise. A truly unified and powerful partnership.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-blue-background-business-presentation_1017-46755.jpg", imageAlt: "Javier R." },
|
|
{ name: "Chloe K.", handle: "@FutureTech", testimonial: "The deep understanding of market dynamics from Quadrant5C paired with Quadrant5e's flawless development makes them an invaluable asset.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smart-creative-stylish-young-businessman-round-glasses-with-beard-blue-eyes-standing-trendy-suit-smiling-broadly-feeling-amazed-excited-starting-new-project_176420-22689.jpg", imageAlt: "Chloe K." }
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
tag="Your Future, Engineered"
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{ text: "Explore Consulting", href: "#services" },
|
|
{ text: "Discover Engineering", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-modern-businesswoman-standing_23-2148204476.jpg", alt: "Sarah Johnson" },
|
|
{ src: "http://img.b2bpic.net/free-photo/thoughtful-business-man-holding-hands-together_1262-15282.jpg", alt: "Michael Chen" },
|
|
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Emily Rodriguez" },
|
|
{ src: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", alt: "David Kim" }
|
|
]}
|
|
avatarText="Join our growing community of innovators"
|
|
imageSrc="http://img.b2bpic.net/free-photo/solar-panels-plant-executives-using-mockup-device-track-energy-production_482257-126924.jpg"
|
|
imageAlt="Futuristic interconnected network"
|
|
showDimOverlay={false}
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About Quadrant5: Your Foundation for Future Growth"
|
|
description="Quadrant5 is the strategic umbrella unifying Quadrant5C (Consulting) and Quadrant5e (Engineering). We provide holistic, integrated solutions designed to drive innovation, efficiency, and sustainable success across diverse industries. Our synergy delivers unparalleled value."
|
|
tag="Our Vision"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{ text: "Our Story", href: "#" },
|
|
{ text: "Our Values", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
bulletPoints={[
|
|
{ title: "Strategic Consulting (Quadrant5C)", description: "Guiding your business with expert advice, market insights, and tailored strategies for optimal performance and growth." },
|
|
{ title: "Advanced Engineering (Quadrant5e)", description: "Building robust, scalable, and innovative technology solutions from concept to deployment, driven by cutting-edge expertise." },
|
|
{ title: "Integrated Solutions", description: "Our unique integration of consulting and engineering ensures a seamless transition from strategy to execution, maximizing impact." },
|
|
{ title: "Client-Centric Approach", description: "We prioritize understanding your unique challenges and objectives, delivering bespoke solutions that truly resonate with your business goals." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg"
|
|
imageAlt="Abstract representation of consulting and engineering synergy"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
title="Our Expertise: Consulting & Engineering, Integrated"
|
|
description="From strategic advisory to cutting-edge development, Quadrant5 empowers your vision with unparalleled expertise and a unified approach."
|
|
tag="Our Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{ text: "View All Services", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
accordionItems={[
|
|
{ id: "consulting-strategy", title: "Strategic Business Consulting", content: "Quadrant5C provides comprehensive strategic planning, market analysis, and operational optimization to align your business goals with innovative pathways for growth and efficiency." },
|
|
{ id: "software-development", title: "Custom Software Development", content: "Quadrant5e specializes in designing and building bespoke software solutions, from enterprise applications to scalable platforms, ensuring technological excellence and future-proof architecture." },
|
|
{ id: "digital-transformation", title: "Digital Transformation & AI Integration", content: "We guide businesses through digital evolution, implementing AI, automation, and cloud solutions to enhance capabilities, streamline operations, and unlock new opportunities." },
|
|
{ id: "engineering-innovation", title: "Product Engineering & R&D", content: "Leverage Quadrant5e's advanced engineering for product development, innovation cycles, and research & development, bringing groundbreaking ideas to life with precision and speed." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg"
|
|
imageAlt="Dynamic interface illustrating integrated consulting and engineering services"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Impactful Results, Proven Success"
|
|
description="Our commitment to excellence translates into tangible outcomes for our partners across various sectors, driving growth and innovation."
|
|
tag="Our Performance"
|
|
tagIcon={Award}
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{ text: "Read Case Studies", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "98%", title: "Client Satisfaction", items: ["Consistently exceeding expectations", "Building long-term partnerships", "Delivering tailored solutions"] },
|
|
{ id: "2", value: "+$500M", title: "Value Generated", items: ["Driving revenue growth", "Optimizing operational costs", "Unlocking new market potential"] },
|
|
{ id: "3", value: "150+", title: "Successful Projects", items: ["Spanning diverse industries", "From startups to enterprises", "Complex challenges solved"] }
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Our portfolio includes successful collaborations with a diverse range of companies, from innovative startups to established enterprises across various sectors."
|
|
tag="Our Partners"
|
|
tagIcon={ShieldCheck}
|
|
tagAnimation="blur-reveal"
|
|
names={["GlobalTech Solutions", "InnovateAI Corp", "Digital Dynamics", "Synergy Systems", "FutureForge Labs", "Apex Innovations", "Quantum Shift", "Enterprise Connect", "Visionary Ventures"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="Meet the Minds Behind Quadrant5"
|
|
tag="Our Leadership"
|
|
tagAnimation="blur-reveal"
|
|
membersAnimation="blur-reveal"
|
|
members={[
|
|
{ id: "1", name: "Dr. Elias Vance", imageSrc: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg", imageAlt: "Dr. Elias Vance, CEO" },
|
|
{ id: "2", name: "Dr. Anya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg", imageAlt: "Dr. Anya Sharma, CTO" },
|
|
{ id: "3", name: "Mr. Ben Carter", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Mr. Ben Carter, Lead Consultant" }
|
|
]}
|
|
memberVariant="card"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Client Success Stories"
|
|
description="Hear directly from our satisfied clients about the transformative impact of Quadrant5's integrated approach to consulting and engineering."
|
|
tag="What Our Clients Say"
|
|
tagIcon={Star}
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{ text: "All Testimonials", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Johnson", handle: "CEO, Innovate Solutions", testimonial: "Quadrant5C's strategic insights were pivotal for our market entry. Their expertise in identifying opportunities and mitigating risks was outstanding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-caucasian-student-black-hat-having-rest-work-diploma-project-sitting-cafe-table-front-open-laptop-computer-leaning-his-elbow-looking-with-smile_273609-1941.jpg", imageAlt: "Sarah Johnson, CEO" },
|
|
{ id: "2", name: "Michael Chen", handle: "CTO, NextGen Technologies", testimonial: "The Quadrant5e team delivered a complex platform ahead of schedule and under budget, exceeding all performance benchmarks. True engineering mastery!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-executives-reading-sticky-notes_1170-1720.jpg", imageAlt: "Michael Chen, CTO" },
|
|
{ id: "3", name: "Emily Rodriguez", handle: "Marketing Director, GrowthCo", testimonial: "Working with Quadrant5 was a seamless experience. Their integrated approach ensures that consulting strategies translate perfectly into engineered solutions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-successful-business-team-with-thumbs-up_1262-1723.jpg", imageAlt: "Emily Rodriguez, Marketing Director" },
|
|
{ id: "4", name: "David Kim", handle: "Product Manager, StartupXYZ", testimonial: "Quadrant5's understanding of our product vision and their ability to execute on it technologically was phenomenal. They are a truly indispensable partner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-startup-businesswoman-holding-presentatin-conference-room-briefing-graph-information_482257-4165.jpg", imageAlt: "David Kim, Product Manager" },
|
|
{ id: "5", name: "Jessica Lee", handle: "Operations Lead, Global Systems", testimonial: "The efficiency gains from Quadrant5's recommendations and their custom automation solutions have revolutionized our operations. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-planning-work-facility-floor-cad-software_482257-118112.jpg", imageAlt: "Jessica Lee, Operations Lead" }
|
|
]}
|
|
showRating={true}
|
|
carouselMode="buttons"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Your Questions, Answered"
|
|
sideDescription="Find quick answers to common questions about Quadrant5, our integrated services, and how we can partner to achieve your goals."
|
|
buttons={[
|
|
{ text: "Contact Support", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
faqs={[
|
|
{ id: "1", title: "What is Quadrant5?", content: "Quadrant5 is an umbrella company unifying Quadrant5C (Consulting) and Quadrant5e (Engineering) to provide integrated strategic and technical solutions." },
|
|
{ id: "2", title: "How do Quadrant5C and Quadrant5e work together?", content: "Quadrant5C provides strategic advisory, while Quadrant5e handles the technical execution. This synergy ensures a holistic approach from concept to implementation." },
|
|
{ id: "3", title: "What industries does Quadrant5 serve?", content: "We serve a diverse range of industries including technology, finance, healthcare, manufacturing, and retail, offering tailored solutions for unique challenges." },
|
|
{ id: "4", title: "What kind of projects do you undertake?", content: "Our projects range from digital transformation initiatives and custom software development to strategic market analysis and operational efficiency improvements." }
|
|
]}
|
|
faqsAnimation="blur-reveal"
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Connect with Us"
|
|
title="Let's Build Your Future Together"
|
|
description="Whether you're looking for strategic advice, cutting-edge engineering, or a unified approach to innovation, Quadrant5 is ready to partner with you."
|
|
tagIcon={Mail}
|
|
tagAnimation="blur-reveal"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-vector/glowing-blue-cyber-security-lock-background-with-circuit-lines-design_1017-62531.jpg"
|
|
imageAlt="Abstract secure digital communication interface"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Get in Touch"
|
|
termsText="By clicking Get in Touch, you agree to our Privacy Policy and Terms of Service."
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Quadrant5"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"
|
|
}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|