220 lines
9.0 KiB
TypeScript
220 lines
9.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Cloud, Code, Headphones, Server, ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Timacadde"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Timacadde: Transforming Tomorrow's Technology."
|
|
description="We architect robust software solutions designed to scale your business, optimize operations, and secure your digital future."
|
|
kpis={[
|
|
{
|
|
value: "150+", label: "Projects Completed"},
|
|
{
|
|
value: "99.9%", label: "Uptime Guaranteed"},
|
|
{
|
|
value: "50+", label: "Global Clients"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Get Started", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg"
|
|
imageAlt="Hero background tech"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "CEO Sarah Jenkins"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", alt: "CTO Marcus Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", alt: "PM Elena Rodriguez"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg", alt: "Design Lead David Kim"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg", alt: "Director Linda Wu"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "AWS Cloud Partner", icon: Cloud,
|
|
},
|
|
{
|
|
type: "text-icon", text: "ISO 27001 Certified", icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Agile Development", icon: Code,
|
|
},
|
|
{
|
|
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Scalable Architecture", icon: Server,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Innovation at the Core"
|
|
description="Timacadde bridges the gap between complex digital challenges and streamlined, effective business performance through tailored technology solutions."
|
|
bulletPoints={[
|
|
{
|
|
title: "Expert Engineering", description: "High-caliber developers building clean, maintainable codebases."},
|
|
{
|
|
title: "Scalable Infrastructure", description: "Systems designed to grow with your demands seamlessly."},
|
|
{
|
|
title: "Security First", description: "Defense-in-depth methodologies integrated from the start."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/computer-screen-business-office-shows-stock-exchange-values-changing_482257-84627.jpg"
|
|
imageAlt="Team work"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", label: "Analytics", title: "Advanced Data Insights", items: [
|
|
"Real-time reporting", "Predictive modeling", "Dashboard creation"],
|
|
},
|
|
{
|
|
id: "2", label: "Infrastructure", title: "Cloud Management", items: [
|
|
"AWS architecture", "Serverless deployment", "Automated scaling"],
|
|
},
|
|
{
|
|
id: "3", label: "Security", title: "Cybersecurity Suite", items: [
|
|
"Encryption standards", "Compliance audit", "Threat intelligence"],
|
|
},
|
|
]}
|
|
title="Why Choose Timacadde?"
|
|
description="Comprehensive tools and expertise to build your enterprise digital footprint."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="blur-reveal"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Jenkins", role: "CEO", company: "TechStream", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
|
{
|
|
id: "2", name: "Marcus Chen", role: "CTO", company: "InnovateLabs", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg?_wi=1"},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", role: "PM", company: "GrowthOps", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Design Lead", company: "PixelPerfect", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg?_wi=2"},
|
|
{
|
|
id: "5", name: "Linda Wu", role: "Director", company: "ScaleUp", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "10x", label: "Faster Performance"},
|
|
{
|
|
value: "40%", label: "Cost Optimization"},
|
|
{
|
|
value: "95%", label: "Client Retention"},
|
|
]}
|
|
title="Trusted by Leaders"
|
|
description="See why partners choose our software solutions to power their operations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
text="Ready to innovate with Timacadde? Let's discuss your project."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "mailto:hello@timacadde.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Features", href: "#features"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact", href: "mailto:hello@timacadde.com"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Timacadde"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|