187 lines
12 KiB
TypeScript
187 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import Link from "next/link";
|
|
import { LineChart, ShieldCheck, Globe, Lightbulb, Twitter, Linkedin, Github, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Features", id: "/features" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
cardStyle="outline"
|
|
headingFontWeight="normal"
|
|
background="circleGradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Get Started", href: "/contact"
|
|
}}
|
|
brandName="SynapseAI"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Live Analytics"
|
|
tagIcon={LineChart}
|
|
title="Yo guys"
|
|
description="Monitor protocol revenue, trading volume, and wallet activity with real-time on-chain intelligence."
|
|
buttons={[
|
|
{ text: "Explore Solutions", href: "/features" },
|
|
{ text: "Get a Demo", href: "/contact" }
|
|
]}
|
|
dashboard={{
|
|
title: "SynapseAI Dashboard", logoIcon: Hexagon,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/a-user-friendly-software-dashboard-showi-1773912722593-649e1a34.png", buttons: [{ text: "View Insights", href: "/features" }],
|
|
sidebarItems: [
|
|
{ icon: House, active: true },
|
|
{ icon: MessageSquareText },
|
|
{ icon: Settings }
|
|
],
|
|
stats: [
|
|
{ title: "Efficiency Boost", values: [85, 90, 88], valueSuffix: "%", description: "Across all operations." },
|
|
{ title: "Secure Deployments", values: [100, 99, 100], valueSuffix: "%", description: "Guaranteed uptime." },
|
|
{ title: "Global Reach", values: [20, 25, 22], valueSuffix: "+ Countries", description: "Expanding worldwide." },
|
|
],
|
|
chartTitle: "Project Progress", chartData: [{ value: 60 }, { value: 45 }, { value: 75 }, { value: 50 }, { value: 80 }],
|
|
listTitle: "Recent Activities", listItems: [
|
|
{ icon: CircleDollarSign, title: "New contract signed", status: "Closed" },
|
|
{ icon: ArrowLeftRight, title: "Feature deployment", status: "Completed" },
|
|
{ icon: Send, title: "Client feedback received", status: "Pending" },
|
|
],
|
|
}}
|
|
ariaLabel="Hero section with interactive dashboard for software analytics"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Driving Innovation in Software"
|
|
description={[
|
|
"SynapseAI is at the forefront of software development, crafting intelligent solutions that empower businesses to thrive in a rapidly evolving digital landscape.", "Our mission is to bridge the gap between complex technological challenges and practical, user-friendly applications. We combine deep industry expertise with cutting-edge AI to deliver products that are not just functional, but transformative."
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More About Us", href: "/about" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
metrics={[
|
|
{ id: "1", icon: LineChart, title: "Efficiency Boost", value: "85%" },
|
|
{ id: "2", icon: ShieldCheck, title: "Secure Deployments", value: "100%" },
|
|
{ id: "3", icon: Globe, title: "Global Reach", value: "20+ Countries" },
|
|
{ id: "4", icon: Lightbulb, title: "Innovations Delivered", value: "50+" }
|
|
]}
|
|
title="Impactful Numbers, Real Results"
|
|
description="See the tangible benefits our software solutions bring to businesses worldwide."
|
|
tag="Our Achievements"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
testimonials={[
|
|
{ id: "1", title: "Revolutionizing Our Operations with AI", quote: "SynapseAI's platform has completely transformed how we manage our data and automate workflows. The efficiency gains are incredible, and their support is unparalleled.", name: "Alex Chen", role: "CEO, InnovateTech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/professional-headshot-of-a-diverse-woman-1773912722871-a49a9bab.png", imageAlt: "Alex Chen, CEO of InnovateTech" },
|
|
{ id: "2", title: "Unmatched Scalability and Performance", quote: "We needed a solution that could scale with our rapid growth, and SynapseAI delivered beyond expectations. Their software's performance and reliability are a cornerstone of our success.", name: "Maria Rodriguez", role: "CTO, FutureWave Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/professional-headshot-of-a-male-cto-of-a-1773912722983-cb6fd48d.png", imageAlt: "Maria Rodriguez, CTO of FutureWave Solutions" },
|
|
{ id: "3", title: "Intuitive Design, Powerful Results", quote: "The user experience of SynapseAI's products is fantastic. Our team adopted it quickly, and the insights we're gaining are directly contributing to our bottom line.", name: "David Kim", role: "Marketing Director, GrowthPulse", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/professional-headshot-of-a-young-energet-1773912722964-c3bbd8f0.png", imageAlt: "David Kim, Marketing Director of GrowthPulse" },
|
|
{ id: "4", title: "A True Partner in Innovation", quote: "SynapseAI isn't just a vendor; they're a partner. Their willingness to understand our specific challenges and co-create solutions has been invaluable.", name: "Sarah Johnson", role: "Product Lead, Nexus Labs", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/professional-headshot-of-a-male-product--1773912722549-4b8a497e.png", imageAlt: "Sarah Johnson, Product Lead of Nexus Labs" }
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from industry leaders who have achieved remarkable results with SynapseAI."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/minimalist-tech-company-logo-for-innovat-1773912719334-0f5debd4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/saas-company-logo-for-datastream-depicti-1773912721513-b86ff320.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/enterprise-software-logo-for-globalsync--1773912722427-4416694e.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/startup-logo-for-quantum-leap-ai-featuri-1773912722313-ef9c4053.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/tech-company-logo-for-securelink-solutio-1773912722613-30341583.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/cloud-platform-logo-for-horizon-cloud-wi-1773912721165-7ac05ac9.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/fintech-company-logo-for-apex-analytics--1773912721664-a0b7f44c.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/cybersecurity-firm-logo-for-sentinel-shi-1773912721348-23e47f95.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/software-development-agency-logo-for-cod-1773912720837-cc0b94ba.png"
|
|
]}
|
|
names={["Partner A", "Partner B", "Partner C", "Partner D"]}
|
|
title="Trusted by Industry Innovators"
|
|
description="Join the leading companies leveraging SynapseAI for their digital transformation."
|
|
tag="Our Partners"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
faqs={[
|
|
{ id: "1", title: "What kind of software solutions do you offer?", content: "We offer a wide range of custom software development, AI integration, cloud solutions, and data analytics services tailored to your business needs." },
|
|
{ id: "2", title: "How does your AI integration benefit my business?", content: "Our AI solutions automate complex tasks, provide predictive insights, optimize operations, and enhance customer experiences, leading to significant efficiency gains and competitive advantages." },
|
|
{ id: "3", title: "What is your typical project timeline?", content: "Project timelines vary based on scope and complexity. We work closely with clients to define clear milestones and provide transparent progress updates, ensuring timely delivery." },
|
|
{ id: "4", title: "Do you provide ongoing support and maintenance?", content: "Absolutely. We offer comprehensive post-deployment support, maintenance, and continuous optimization services to ensure your software remains robust, secure, and up-to-date." },
|
|
{ id: "5", title: "How do you ensure data security?", content: "Data security is paramount. We implement industry-leading encryption, compliance protocols, and regular security audits to protect your sensitive information at every stage." }
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about SynapseAI and our services."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your business with intelligent software? Let's build the future, together."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Get in Touch", href: "/contact" },
|
|
{ text: "Schedule a Consultation", href: "/contact" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="SynapseAI"
|
|
copyrightText="© 2025 SynapseAI. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Twitter, href: "https://twitter.com/synapseai", ariaLabel: "Twitter" },
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/synapseai", ariaLabel: "LinkedIn" },
|
|
{ icon: Github, href: "https://github.com/synapseai", ariaLabel: "GitHub" }
|
|
]}
|
|
ariaLabel="Site footer for SynapseAI"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |