234 lines
12 KiB
TypeScript
234 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Award, Target, TrendingUp, BarChart3, Lightbulb, AlertCircle, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
const handleContactSubmit = (data: Record<string, string>) => {
|
|
console.log('Contact form submitted:', data);
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="AiR"
|
|
navItems={[
|
|
{ name: "Platform", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Resources", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Login", id: "https://getairesults.ai/login" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="See Your Brand Rank in AI Search"
|
|
description="AI search now ranks the world in real time. What it shows is what people believe. If your brand isn't on that list, you're not part of the conversation. Get real-time AI visibility insights and stay ahead of the competition."
|
|
tag="Real-Time AI Visibility"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
imagePosition="right"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/a-modern-ai-analytics-dashboard-interfac-1773156518382-e8ed3357.jpg"
|
|
imageAlt="AiR AI visibility dashboard"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Hannah", handle: "Marketing Director", testimonial: "AiR made it incredibly easy to understand where our brand shows up in AI search and what to do to improve it.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/professional-headshot-photo-of-a-busines-1773156519057-e13079e9.jpg"
|
|
},
|
|
{
|
|
name: "Andrew", handle: "CEO, Tech Company", testimonial: "Since using AiR, we've seen our business show up more clearly and consistently when people search through AI platforms.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/professional-headshot-photo-of-a-differe-1773156518803-55e11a03.jpg"
|
|
},
|
|
{
|
|
name: "Madilyn", handle: "Product Manager", testimonial: "The AiR dashboard is simple, actionable, and has completely changed how we think about AI visibility.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/professional-headshot-of-another-busines-1773156518884-64954e49.jpg"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{ text: "See Your AI Rank", href: "https://getairesults.ai" },
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
title="Smarter Rankings for a Smarter World"
|
|
description="Everything you need to understand and optimize your brand's presence across AI search and recommendation platforms."
|
|
tag="Platform Features"
|
|
tagIcon={Target}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Live AI Rank", description: "See your real-time visibility score across major AI search and recommendation platforms. Understand exactly where and how often your brand appears.", icon: TrendingUp,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/social-media-marketing-theme-phone_23-2148413414.jpg", imageAlt: "Live AI ranking visualization"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/social-media-marketing-theme-phone_23-2148413414.jpg", imageAlt: "Real-time rank tracking"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Competitor Rankings", description: "See how you stack up against top competitors in AI-driven search. Compare visibility scores, uncover their strengths, and find opportunities to close gaps.", icon: BarChart3,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/side-by-side-competitive-analysis-visual-1773156519101-2bcb4af4.jpg", imageAlt: "Competitor ranking comparison"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/side-by-side-competitive-analysis-visual-1773156519101-2bcb4af4.jpg", imageAlt: "Competitive analysis dashboard"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Improvement Guidance", description: "Get actionable recommendations that pinpoint exactly what to fix to strengthen AI visibility. Prioritized based on highest impact for your brand.", icon: Lightbulb,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/notepad-laptop-concept_23-2147982618.jpg", imageAlt: "Improvement recommendations"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/notepad-laptop-concept_23-2147982618.jpg", imageAlt: "Action plan for AI optimization"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Content Gap Analysis", description: "Identify where your brand should appear but doesn't. Surface the queries and topics driving your visibility and spot missed opportunities.", icon: AlertCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/side-by-side-competitive-analysis-visual-1773156519101-2bcb4af4.jpg", imageAlt: "Content gap analysis"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/notepad-laptop-concept_23-2147982618.jpg", imageAlt: "Gap identification tool"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "https://getairesults.ai" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
<TextAbout
|
|
tag="Why Choose AiR"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="We give you everything you need, so your internal team can be more successful with AI visibility"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Start Your Free Trial", href: "https://getairesults.ai" },
|
|
{ text: "Request Demo", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="AiR has completely transformed how we approach AI visibility. The real-time insights and actionable recommendations have directly impacted our brand's presence across AI platforms."
|
|
rating={5}
|
|
author="Industry Leaders & Innovators"
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/professional-headshot-photo-of-a-busines-1773156519057-e13079e9.jpg", alt: "Customer 1"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/professional-headshot-photo-of-a-differe-1773156518803-55e11a03.jpg", alt: "Customer 2"
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/professional-headshot-of-another-busines-1773156518884-64954e49.jpg", alt: "Customer 3"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-business-team-work_23-2149271746.jpg", alt: "Customer 4"
|
|
}
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Ready to See Your AI Rank?"
|
|
description="Get started with AiR today. See real-time insights about your brand's visibility in AI search. Our team is here to help you optimize your AI presence."
|
|
inputs={[
|
|
{ name: "email", type: "email", placeholder: "Your email address", required: true },
|
|
{ name: "company", type: "text", placeholder: "Company name", required: true }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your AI visibility goals", rows: 4, required: false }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al9ShvNpYDxQsOkVUUXMhmJzXW/a-modern-ai-analytics-dashboard-interfac-1773156518382-e8ed3357.jpg"
|
|
imageAlt="AiR platform interface"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Start Your Journey"
|
|
onSubmit={handleContactSubmit}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="AiR"
|
|
copyrightText="© 2025 AiR. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Platform", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Features", href: "#features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Blog", href: "https://getairesults.ai/blog" },
|
|
{ label: "Careers", href: "https://getairesults.ai/careers" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Help Center", href: "https://getairesults.ai/help" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Privacy Policy", href: "https://getairesults.ai/privacy" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|