197 lines
6.9 KiB
TypeScript
197 lines
6.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Features",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="CalcuFlow"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Precision Calculation, Simplified."
|
|
description="Meet CalcuFlow, the most advanced online calculation engine designed for professionals who value accuracy and speed. Handle complex tasks with ease."
|
|
tag="Advanced Digital Tool"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-high-quality-3d-rendered-clean-and-mod-1774876471540-854dd635.png"
|
|
imageAlt="CalcuFlow Calculator Interface"
|
|
showBlur={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Advanced Analytics",
|
|
description: "Powerful calculation engine for your most complex data streams.",
|
|
tag: "Engine",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-minimalist-representation-of-financial-1774876469692-2b020c75.png?_wi=1",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Cloud Sync",
|
|
description: "Access your saved calculations across all your professional devices instantly.",
|
|
tag: "Cloud",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-cloud-sync-icon-illustration-with-slee-1774876469545-6ca3846d.png",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Priority Support",
|
|
description: "Get expert assistance whenever you need it, 24/7, across the globe.",
|
|
tag: "Support",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-24-7-support-shield-icon-or-symbol-ren-1774876471368-48d032f8.png",
|
|
},
|
|
]}
|
|
title="Built for Professionals"
|
|
description="Experience superior performance with features tailored to your workflow."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Jenkins",
|
|
role: "Financial Analyst",
|
|
company: "DataStream",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-professional-portrait-of-a-tech-profes-1774876472640-ba690d9f.png?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Elena Rodriguez",
|
|
role: "Senior Engineer",
|
|
company: "TechSystems",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-high-quality-portrait-of-a-young-profe-1774876470021-d7b295d2.png",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Mark Sterling",
|
|
role: "Operations Manager",
|
|
company: "Global Logistics",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-high-quality-portrait-of-a-middle-aged-1774876469450-c6282b86.png",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Julia Choi",
|
|
role: "Product Designer",
|
|
company: "CreativeFlow",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-friendly-portrait-of-a-female-develope-1774876470403-29b692e2.png",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "David Chen",
|
|
role: "Chief Scientist",
|
|
company: "Nova Labs",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-professional-portrait-of-a-tech-profes-1774876472640-ba690d9f.png?_wi=2",
|
|
},
|
|
]}
|
|
title="Trusted by Experts"
|
|
description="See why thousands of professionals choose CalcuFlow for their daily tasks."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "canvas-reveal",
|
|
}}
|
|
text="Ready to streamline your calculations? Get in touch today for a demo or enterprise inquiry."
|
|
buttons={[
|
|
{
|
|
text: "Get Started",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="The Numbers Behind Our Success"
|
|
description="CalcuFlow is built on a foundation of reliability and precision, helping businesses achieve more every day."
|
|
metrics={[
|
|
{
|
|
value: "99.9%",
|
|
title: "Uptime Reliability",
|
|
},
|
|
{
|
|
value: "1M+",
|
|
title: "Calculations Daily",
|
|
},
|
|
{
|
|
value: "24/7",
|
|
title: "Support Availability",
|
|
},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfNtvQ0Dsb13edlzNknDksYcmr/a-minimalist-representation-of-financial-1774876469692-2b020c75.png?_wi=2"
|
|
imageAlt="Data visualization metrics"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="CalcuFlow"
|
|
copyrightText="© 2025 | CalcuFlow Technologies"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|