334 lines
11 KiB
TypeScript
334 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Eye, Lightbulb, Scale, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "home",
|
|
href: "/",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "features",
|
|
href: "/features",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
href: "/about",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "pricing",
|
|
href: "/pricing",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
href: "/contact",
|
|
},
|
|
]}
|
|
brandName="SynapseAI"
|
|
button={{
|
|
text: "Get Started",
|
|
href: "/signup",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-us-intro" data-section="about-us-intro">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Pioneering the Future of Intelligent Automation"
|
|
description="At SynapseAI, we believe in a future where artificial intelligence amplifies human potential, making complex tasks simple and innovative ideas a reality. Our mission is to build AI solutions that are powerful, ethical, and accessible."
|
|
tag="Our Story"
|
|
tagIcon={Lightbulb}
|
|
buttons={[
|
|
{
|
|
text: "Learn More",
|
|
href: "/features",
|
|
},
|
|
{
|
|
text: "Join Our Team",
|
|
href: "#",
|
|
},
|
|
]}
|
|
bulletPoints={[
|
|
{
|
|
title: "Visionary Leadership",
|
|
description: "Driven by a team of AI pioneers and industry experts committed to pushing the boundaries of what's possible.",
|
|
icon: Eye,
|
|
},
|
|
{
|
|
title: "Ethical AI Principles",
|
|
description: "Building AI that is fair, transparent, and beneficial for all, with a strong commitment to responsible innovation.",
|
|
icon: Scale,
|
|
},
|
|
{
|
|
title: "Customer-Centric Innovation",
|
|
description: "Our product development is guided by direct customer feedback, ensuring our solutions solve real-world problems.",
|
|
icon: Users,
|
|
},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/an-abstract-minimalist-image-representin-1774534644939-ded08ec2.png?_wi=2"
|
|
imageAlt="Abstract image representing seamless AI integration"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-metrics" data-section="about-metrics">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Impact & Growth: SynapseAI by the Numbers"
|
|
description="Our commitment to innovation translates into tangible results for our clients worldwide. See the impact we're making."
|
|
metrics={[
|
|
{
|
|
value: "99.9%",
|
|
title: "Uptime Reliability",
|
|
},
|
|
{
|
|
value: "100K+",
|
|
title: "Daily AI Operations",
|
|
},
|
|
{
|
|
value: "30%",
|
|
title: "Average Efficiency Gain",
|
|
},
|
|
]}
|
|
tag="Our Achievements"
|
|
tagIcon={Award}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/a-screen-displaying-real-time-data-analy-1774534642413-e50e6a83.png?_wi=3"
|
|
imageAlt="A screen displaying real-time data analysis and predictive modeling"
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="our-team" data-section="our-team">
|
|
<TeamCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
team={[
|
|
{
|
|
id: "1",
|
|
name: "Dr. Evelyn Reed",
|
|
role: "CEO & Founder",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/professional-headshot-of-a-diverse-woman-1774534644150-90a2961b.png?_wi=3",
|
|
imageAlt: "Dr. Evelyn Reed, CEO",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marcus Chen",
|
|
role: "CTO",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/professional-headshot-of-a-diverse-man-e-1774534643432-a2ea1837.png?_wi=2",
|
|
imageAlt: "Marcus Chen, CTO",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sarah Goldberg",
|
|
role: "Head of AI Research",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/professional-headshot-of-a-diverse-woman-1774534645658-6834d040.png?_wi=2",
|
|
imageAlt: "Sarah Goldberg, Head of AI Research",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
role: "VP of Product",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/professional-headshot-of-a-diverse-man-m-1774534644902-5d6be55a.png?_wi=2",
|
|
imageAlt: "David Kim, VP of Product",
|
|
},
|
|
]}
|
|
title="Meet the Minds Behind SynapseAI"
|
|
description="Our diverse team of engineers, researchers, and strategists are united by a passion for artificial intelligence."
|
|
tag="Our Leadership"
|
|
tagIcon={Users}
|
|
/>
|
|
</div>
|
|
|
|
<div id="customer-voices" data-section="customer-voices">
|
|
<TestimonialCardSixteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Anna Patel",
|
|
role: "Operations Director",
|
|
company: "Quantum Innovations",
|
|
rating: 5,
|
|
testimonial: "SynapseAI revolutionized our workflow. The efficiency gains are truly remarkable, allowing our team to focus on higher-value tasks. Support is top-notch!",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/professional-headshot-of-a-diverse-woman-1774534644150-90a2961b.png?_wi=4",
|
|
imageAlt: "Anna Patel, Operations Director",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Mark Johnson",
|
|
role: "CTO",
|
|
company: "Global Tech Solutions",
|
|
rating: 5,
|
|
testimonial: "The predictive analytics are incredibly accurate, giving us a significant competitive edge. Integration was smooth, and the platform is incredibly robust.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/professional-headshot-of-a-diverse-man-e-1774534643432-a2ea1837.png?_wi=3",
|
|
imageAlt: "Mark Johnson, CTO",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Jessica Lee",
|
|
role: "Marketing Lead",
|
|
company: "Creative Hub Agency",
|
|
rating: 4,
|
|
testimonial: "Our content generation process has never been faster. SynapseAI's NLU capabilities are a game-changer for personalized marketing campaigns. Highly recommended!",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/professional-headshot-of-a-diverse-woman-1774534645658-6834d040.png?_wi=3",
|
|
imageAlt: "Jessica Lee, Marketing Lead",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Michael Brown",
|
|
role: "Head of Engineering",
|
|
company: "NextGen Robotics",
|
|
rating: 5,
|
|
testimonial: "The automation modules are flexible and powerful. We've scaled our testing capabilities exponentially without hiring additional staff. An indispensable tool.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUBiJSQVbXQJ7lbVwNcBCKICVD/professional-headshot-of-a-diverse-man-m-1774534644902-5d6be55a.png?_wi=3",
|
|
imageAlt: "Michael Brown, Head of Engineering",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "95%",
|
|
label: "Customer Satisfaction",
|
|
},
|
|
{
|
|
value: "24/7",
|
|
label: "Global Support",
|
|
},
|
|
{
|
|
value: "2M+",
|
|
label: "AI Tasks Processed",
|
|
},
|
|
]}
|
|
title="What Our Clients Say About SynapseAI"
|
|
description="Hear directly from the businesses and leaders who are transforming their operations with our intelligent solutions."
|
|
tag="Client Success Stories"
|
|
tagIcon={Star}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{
|
|
label: "Features",
|
|
href: "/features",
|
|
},
|
|
{
|
|
label: "Pricing",
|
|
href: "/pricing",
|
|
},
|
|
{
|
|
label: "Integrations",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Solutions",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Blog",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Partners",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{
|
|
label: "Support",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Documentation",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "API Reference",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Case Studies",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Cookie Policy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Unlock Infinite Possibilities with SynapseAI"
|
|
copyrightText="© 2024 SynapseAI. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|