164 lines
7.3 KiB
TypeScript
164 lines
7.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Cloud, Star, Terminal } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Erickson Tech Design"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Engineering Future-Ready Digital Solutions"
|
|
description="Erickson Tech Design builds innovative, scalable software systems tailored to your unique business challenges. Transforming ideas into high-performance digital products."
|
|
testimonials={[
|
|
{
|
|
name: "Alex Rivet", handle: "@rivet-tech", testimonial: "Their engineering team is world-class. Erickson delivered our platform on time and exceeded expectations.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg?_wi=1"},
|
|
{
|
|
name: "Sarah Chen", handle: "@chen_innovates", testimonial: "A seamless experience from design to deployment. They truly understand modern software architecture.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-with-tablet-emotion-concept_169016-66294.jpg"},
|
|
{
|
|
name: "Mark Sterling", handle: "@sterling_ventures", testimonial: "The AI integration they built for us reduced our operational costs by 30%. Simply brilliant work.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-hipster-entrepreneur-it-expert-software-developer_74855-3635.jpg"},
|
|
{
|
|
name: "Elena Rodriguez", handle: "@elena_ceo", testimonial: "Erickson Tech Design provides the technical backbone we needed to scale our infrastructure globally.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg"},
|
|
{
|
|
name: "David Park", handle: "@park_dev", testimonial: "Exceptional code quality and proactive communication. They are our go-to partner for complex projects.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880953.jpg"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg?_wi=2"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "Client avatar 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/serious-young-woman-with-tablet-emotion-concept_169016-66294.jpg", alt: "Client avatar 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-hipster-entrepreneur-it-expert-software-developer_74855-3635.jpg", alt: "Client avatar 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg", alt: "Client avatar 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880953.jpg", alt: "Client avatar 5"},
|
|
]}
|
|
avatarText="Trusted by 50+ industry leaders"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Design-Led Engineering"
|
|
description={[
|
|
"We believe that exceptional tech starts with deep design empathy. By bridging the gap between intuitive user experiences and complex backend architecture, we create products that stick."]}
|
|
buttons={[
|
|
{
|
|
text: "Get Started", href: "#contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Terminal,
|
|
title: "Software Development", description: "Custom applications built on secure, modern, and scalable stacks."},
|
|
{
|
|
icon: Cloud,
|
|
title: "Cloud Infrastructure", description: "Reliable, high-availability deployments tailored for high performance."},
|
|
{
|
|
icon: Star,
|
|
title: "AI Integration", description: "Implementing advanced ML workflows to streamline your internal data processes."},
|
|
]}
|
|
title="Comprehensive Technical Services"
|
|
description="We offer a full stack of engineering and design capabilities to accelerate your business growth."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"InnovateLab", "TechFlow", "GrowthGen", "SkyMetric", "CloudScale", "DevForge", "DataDrive"]}
|
|
title="Trusted by Innovative Companies"
|
|
description="Partnering with industry leaders to ship cutting-edge technology."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
tag="Let's Collaborate"
|
|
title="Ready to Start Your Project?"
|
|
description="Get in touch with Erickson Tech Design today to discuss your next big idea."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Erickson Tech Design"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |