195 lines
12 KiB
TypeScript
195 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Sparkles, Search, Network, Brain, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Manifesto", id: "manifesto" },
|
|
{ name: "Technology", id: "technology" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="SYNC"
|
|
bottomLeftText="AI-Native Research"
|
|
bottomRightText="hello@syncretic.io"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Orchestrate complexity"
|
|
description="Synthesize millions of papers into coherent insight. Built for researchers who refuse to drown in tabs."
|
|
tag="AI-NATIVE"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[{ text: "Join the waitlist", href: "#contact" }]}
|
|
buttonAnimation="blur-reveal"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/a-dynamic-html5-canvas-network-visualiza-1772645734519-8c11df1c.png", imageAlt: "Network visualization canvas background"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/three-floating-paper-documents-scattered-1772645734089-7e0bd49b.png", imageAlt: "Scattered research papers"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/glowing-network-diagram-with-interconnec-1772645734611-17a275eb.png", imageAlt: "Synthesis network diagram"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/central-glowing-orb-with-radial-gradient-1772645734564-a9a2c517.png", imageAlt: "Central innovation orb"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/a-dynamic-html5-canvas-network-visualiza-1772645734519-8c11df1c.png", imageAlt: "Network field visualization"},
|
|
]}
|
|
ariaLabel="Hero section: Orchestrate complexity with AI-native research synthesis"
|
|
className="relative z-20 min-h-screen flex items-center justify-center"
|
|
containerClassName="max-w-4xl mx-auto px-6 py-32 text-center"
|
|
textBoxClassName="space-y-8"
|
|
titleClassName="text-7xl md:text-8xl font-bold leading-tight tracking-tight"
|
|
descriptionClassName="text-xl md:text-2xl leading-relaxed max-w-2xl mx-auto"
|
|
buttonContainerClassName="flex justify-center gap-4 pt-8"
|
|
buttonClassName="px-8 h-14 rounded-full"
|
|
buttonTextClassName="font-medium"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
title="Synthesize complexity into insight"
|
|
description="Three interconnected capabilities that transform fragmented research into unified intelligence."
|
|
tag="CAPABILITIES"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Semantic Search", description: "Query billions of academic papers using natural language. Our AI understands intent, context, and nuance—not just keywords.", icon: Search,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/three-floating-paper-documents-scattered-1772645734089-7e0bd49b.png", imageAlt: "Papers and documents"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/glowing-network-diagram-with-interconnec-1772645734611-17a275eb.png", imageAlt: "Network connections"},
|
|
],
|
|
},
|
|
{
|
|
title: "Citation Mapping", description: "Trace intellectual genealogy instantly. Discover how ideas evolve, who influenced whom, and where consensus emerges across decades.", icon: Network,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/glowing-network-diagram-with-interconnec-1772645734611-17a275eb.png", imageAlt: "Network diagram"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/a-dynamic-html5-canvas-network-visualiza-1772645734519-8c11df1c.png", imageAlt: "Canvas visualization"},
|
|
],
|
|
},
|
|
{
|
|
title: "Insight Extraction", description: "Our AI reads across papers and synthesizes key findings, contradictions, and emerging patterns. Context that would take months to manually review.", icon: Brain,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/central-glowing-orb-with-radial-gradient-1772645734564-a9a2c517.png", imageAlt: "Innovation orb"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/a-dynamic-html5-canvas-network-visualiza-1772645734519-8c11df1c.png", imageAlt: "Network field"},
|
|
],
|
|
},
|
|
]}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "See it in action", href: "#demo" }]}
|
|
buttonAnimation="blur-reveal"
|
|
containerClassName="py-24"
|
|
cardClassName="rounded-2xl overflow-hidden"
|
|
cardTitleClassName="text-5xl md:text-6xl font-bold leading-tight mb-6"
|
|
cardDescriptionClassName="text-lg text-stone-600 max-w-3xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Trusted by researchers worldwide"
|
|
description="Leading academics and analysts rely on Syncretic to accelerate discovery and synthesis. Here's what they're saying."
|
|
tag="SOCIAL PROOF"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Dr. Sarah Chen", role: "PhD Researcher", company: "Stanford Computational Biology Lab", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/portrait-of-a-confident-female-academic--1772645734500-2ed1eb21.png", imageAlt: "Portrait of Dr. Sarah Chen"},
|
|
{
|
|
id: "2", name: "Marcus Thompson", role: "Head of Research Ops", company: "Sequoia Capital Research", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/portrait-of-a-male-data-analyst-in-his-l-1772645734425-7bd9c118.png", imageAlt: "Portrait of Marcus Thompson"},
|
|
{
|
|
id: "3", name: "Elena Vasquez", role: "AI Research Lead", company: "DeepMind Research Ethics Initiative", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/portrait-of-a-young-female-early-adopter-1772645734542-4d277cc2.png", imageAlt: "Portrait of Elena Vasquez"},
|
|
{
|
|
id: "4", name: "Prof. James Mitchell", role: "Director of Research", company: "Cambridge Center for Advanced Study", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/portrait-of-a-male-researcher-founder-in-1772645733639-878cd425.png", imageAlt: "Portrait of Prof. James Mitchell"},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "4.2 hrs", label: "Weekly time saved per researcher" },
|
|
{ value: "87%", label: "Faster literature review process" },
|
|
{ value: "500+", label: "Academic institutions using Syncretic" },
|
|
]}
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
containerClassName="py-24"
|
|
textBoxTitleClassName="text-5xl md:text-6xl font-bold leading-tight mb-6"
|
|
textBoxDescriptionClassName="text-lg text-stone-600 max-w-3xl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="EARLY ACCESS"
|
|
title="Be among the first"
|
|
description="Private beta access. No spam, just early access to the future of research synthesis."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APSdPuu9Uwg8u5khG0wpI6CAix/central-glowing-orb-with-radial-gradient-1772645734564-a9a2c517.png"
|
|
imageAlt="Innovation glowing orb"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
inputPlaceholder="curious@university.edu"
|
|
buttonText="Join Now"
|
|
termsText="We respect your inbox. One email per month with updates and invites."
|
|
containerClassName="py-24 px-6"
|
|
titleClassName="text-5xl md:text-6xl font-bold leading-tight mb-6"
|
|
descriptionClassName="text-lg text-stone-600 max-w-2xl"
|
|
formClassName="space-y-6"
|
|
inputClassName="w-full h-16 px-6 rounded-full border border-stone-300 bg-white/80 focus:outline-none focus:ring-2 focus:ring-stone-900/20"
|
|
buttonClassName="h-16 px-8 rounded-full bg-stone-900 text-white font-medium hover:bg-stone-800 transition-colors"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="SYNC"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
ariaLabel="Site footer with Syncretic branding"
|
|
containerClassName="py-8 px-6 text-center"
|
|
logoClassName="text-2xl font-bold tracking-widest"
|
|
linkClassName="text-sm text-stone-600 hover:text-stone-900 transition-colors"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|