263 lines
9.5 KiB
TypeScript
263 lines
9.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { CheckCircle, Shield, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Features",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "How it works",
|
|
id: "#how-it-works",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
]}
|
|
brandName="EL10 Simp"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="EL10 Simp"
|
|
description="Transform complex text into simple, easy-to-understand language. Perfect for SEO and engaging content."
|
|
buttons={[
|
|
{
|
|
text: "Start Simplifying",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/a-futuristic-glowing-dashboard-interface-1774594934452-506054dd.png",
|
|
imageAlt: "Simplification Dashboard",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/simplified-data-visualization-showing-te-1774594933844-1ec3cede.png",
|
|
imageAlt: "Text Processing",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/ai-language-model-interface-showing-simp-1774594934531-eb5a003e.png",
|
|
imageAlt: "AI Conversion",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/minimalist-digital-representation-of-com-1774594933822-ce44ce49.png",
|
|
imageAlt: "Language Simplicity",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/abstract-background-with-floating-text-c-1774594933945-e567ca10.png",
|
|
imageAlt: "Information Stream",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/futuristic-clean-software-workspace-dark-1774594934311-1ab9954a.png",
|
|
imageAlt: "Tech Workspace",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "SEO Optimized",
|
|
description: "Simple text boosts your dwell time and reduces bounce rates.",
|
|
icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/modern-icon-illustration-of-a-simplified-1774594933335-5612ec2b.png?_wi=1",
|
|
imageAlt: "SEO Icon",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/modern-icon-illustration-of-a-simplified-1774594933335-5612ec2b.png?_wi=2",
|
|
imageAlt: "SEO Icon",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Advanced AI Model",
|
|
description: "Powered by cutting-edge language models to grasp context.",
|
|
icon: Shield,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/modern-icon-illustration-of-an-ai-engine-1774594933707-79f8cb65.png?_wi=1",
|
|
imageAlt: "AI Icon",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/modern-icon-illustration-of-an-ai-engine-1774594933707-79f8cb65.png?_wi=2",
|
|
imageAlt: "AI Icon",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Universal Understanding",
|
|
description: "Make your articles accessible to everyone, regardless of background.",
|
|
icon: CheckCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/modern-icon-illustration-of-global-conne-1774594933805-88a932c2.png?_wi=1",
|
|
imageAlt: "Global Icon",
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/modern-icon-illustration-of-global-conne-1774594933805-88a932c2.png?_wi=2",
|
|
imageAlt: "Global Icon",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
title="Why choose our tool?"
|
|
description="Simplify content without losing the meaning, optimized for every reader."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah J.",
|
|
handle: "@sarahj",
|
|
testimonial: "This tool revolutionized my blog strategy. Traffic is up 40%!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/background-with-subtle-grid-lines-green--1774594933560-b7a67bd3.png",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Mark D.",
|
|
handle: "@markdev",
|
|
testimonial: "Simple text is better text. My readers love the clarity.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/abstract-background-with-light-green-geo-1774594933764-1a29a199.png",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena P.",
|
|
handle: "@elena_writes",
|
|
testimonial: "Effortless conversion. I save hours of editing every week.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/glowing-particle-cloud-green-bokeh-dark--1774594933356-d1a37665.png",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Kevin T.",
|
|
handle: "@kevtech",
|
|
testimonial: "The best AI-driven simplification tool on the market today.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/sleek-metallic-gradient-background-dark--1774594933122-6362f22a.png",
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="Used by top creators"
|
|
description="See how professionals are leveling up their content strategy with our simplified text tools."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "How does it work?",
|
|
content: "Our AI analyzes the input and replaces complex terms with common, accessible synonyms.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Is it safe?",
|
|
content: "Yes, we prioritize privacy and do not store your private text indefinitely.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "What languages are supported?",
|
|
content: "Currently we support English, with more languages arriving soon.",
|
|
},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
tag="Stay Updated"
|
|
title="Start simplifying today"
|
|
description="Enter your email to get early access to our premium features."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWBLQU3kJOFpCm1tkpFU1ihTwh/high-tech-abstract-wave-background-dark--1774594933235-704d8a1e.png"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Features",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="EL10 Simp"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|