206 lines
14 KiB
TypeScript
206 lines
14 KiB
TypeScript
"use client";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Zap, Gauge, PiggyBank, Cloud } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Case Studies", id: "/case-studies" },
|
|
{ name: "Work", id: "/work" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" }
|
|
];
|
|
|
|
const footerNavItems = [
|
|
{ title: "Solutions", items: [{ label: "Custom Development", href: "/services" }, { label: "Data Science", href: "/services" }, { label: "AI Strategy", href: "/services" }, { label: "Pricing", href: "/services" }] },
|
|
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Our Work", href: "/work" }, { label: "Case Studies", href: "/case-studies" }, { label: "Contact", href: "/contact" }] },
|
|
{ title: "Resources", items: [{ label: "Blog", href: "/case-studies" }, { label: "Support", href: "#" }, { label: "FAQ", href: "/contact" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "/policies" }, { label: "Terms of Service", href: "/policies" }, { label: "Compliance", href: "/policies" }] }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="AI Agency"
|
|
navItems={navItems}
|
|
logoSrc="http://img.b2bpic.net/free-photo/minimalistic-geometric-background-with-charts-generative-ai_169016-29527.jpg"
|
|
logoAlt="futuristic AI agency logo geometric"
|
|
button={{
|
|
text: "Get Started", href: "/contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="AI That Transforms Business, Not Just Hype"
|
|
description="We architect intelligent systems that solve real problems. See how enterprise leaders accelerated growth with our AI solutions."
|
|
buttons={[
|
|
{ text: "Explore Our Work", href: "/work" },
|
|
]}
|
|
testimonials={[
|
|
{ name: "Sarah Chen", handle: "@sarahchen", testimonial: "AI Agency's solutions are truly transformative. Our operational efficiency has skyrocketed, delivering tangible ROI. A trusted partner for complex AI integration.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg?_wi=1" },
|
|
{ name: "David Rodriguez", handle: "@drodriguez", testimonial: "Their strategic approach to AI deployment is unmatched. We gained significant competitive advantage and streamlined our decision-making processes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg" },
|
|
{ name: "Emily Kim", handle: "@emilyk", testimonial: "The team at AI Agency consistently exceeds expectations. Their custom AI models have opened new avenues for innovation within our enterprise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67192.jpg" },
|
|
{ name: "Michael Lee", handle: "@michaellee", testimonial: "From initial concept to full implementation, AI Agency provided seamless support. Their expertise is invaluable for any company serious about AI.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-holding-laptop_74855-5136.jpg" },
|
|
{ name: "Jessica White", handle: "@jwhite", testimonial: "Our partnership with AI Agency has been a game-changer. The personalized service and impactful results have solidified their position as a key strategic ally.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg?_wi=2" }
|
|
]}
|
|
videoSrc="https://framerusercontent.com/assets/26p0d5N6xJmD5bW30f3L4gQo8Y.mp4"
|
|
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139262.jpg"
|
|
imageAlt="cinematic AI data visualization still"
|
|
showBlur={true}
|
|
useInvertedBackground={false}
|
|
textPosition="bottom"
|
|
testimonialRotationInterval={7000}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Enterprise Leaders"
|
|
description="Our solutions drive tangible value for leading organizations worldwide. Partner with us to accelerate your AI journey."
|
|
names={["TechCorp Global", "DataNexus Inc.", "FinSense Solutions", "EvoRetail Group", "AutoFab Industries", "MediGen Innovations", "CyberGuard Elite"]}
|
|
useInvertedBackground={true}
|
|
textboxLayout="default"
|
|
tagAnimation="blur-reveal"
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Us"
|
|
title="Architecting Tomorrow's Intelligence Today"
|
|
description="At AI Agency, we specialize in crafting bespoke AI solutions that address your most critical business challenges."
|
|
subdescription="Our expertise spans across advanced machine learning, robust data science, and strategic AI integration, ensuring measurable outcomes and sustainable growth for enterprise clients."
|
|
icon={Zap}
|
|
imageSrc="http://img.b2bpic.net/free-photo/gray-building-with-hall-lights-that-are-turned_250224-82.jpg"
|
|
imageAlt="futuristic AI research lab interior"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-overview" data-section="services-overview">
|
|
<FeatureCardThree
|
|
title="Core AI Solutions for Enterprise Growth"
|
|
description="Our comprehensive suite of services is designed to integrate advanced AI into your business, driving innovation and efficiency."
|
|
features={[
|
|
{ title: "Custom AI Development", description: "Tailored machine learning models and intelligent systems built to your unique specifications for maximum impact.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719558.jpg", imageAlt: "Abstract custom AI model development" },
|
|
{ title: "Data Science & ML Engineering", description: "Extract actionable insights from your data and deploy scalable machine learning pipelines for predictive power.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "Data science and machine learning concept" },
|
|
{ title: "AI Strategy & Consulting", description: "Develop a future-proof AI roadmap, identify key opportunities, and ensure ethical, responsible AI adoption.", imageSrc: "http://img.b2bpic.net/free-photo/business-analytics_53876-163234.jpg", imageAlt: "AI strategy consulting holographic business" }
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="work-preview" data-section="work-preview">
|
|
<ProductCardOne
|
|
title="Transformative Case Studies"
|
|
description="Explore how our AI solutions have delivered measurable results and competitive advantages for our enterprise clients."
|
|
products={[
|
|
{ id: "cs-1", name: "Industrial Automation", price: "40% Efficiency Gain", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg", imageAlt: "futuristic smart factory automation robots" },
|
|
{ id: "cs-2", name: "Fintech Fraud Detection", price: "85% Anomaly Reduction", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-interacting-with-money_23-2151612628.jpg", imageAlt: "digital banking AI fraud detection" },
|
|
{ id: "cs-3", name: "Smart City Logistics", price: "25% Route Optimization", imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305276.jpg", imageAlt: "smart city traffic management AI" },
|
|
{ id: "cs-4", name: "Pharmaceutical R&D", price: "30% Discovery Acceleration", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-equipment-with-neon-lights_23-2151807347.jpg", imageAlt: "pharmaceutical AI drug discovery lab" },
|
|
{ id: "cs-5", name: "Personalized Retail", price: "18% Customer Engagement", imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "futuristic retail AI personalized shopping" },
|
|
{ id: "cs-6", name: "Supply Chain Resilience", price: "22% Risk Mitigation", imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663029.jpg", imageAlt: "AI optimized supply chain network" }
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
tag="Our Impact"
|
|
title="Quantifiable Success, Powered by AI"
|
|
description="We deliver measurable results that redefine industry benchmarks and drive sustainable business growth."
|
|
metrics={[
|
|
{ id: "m1", value: "99.8%", title: "Accuracy in Predictive Models", description: "Achieved across diverse datasets for reliable forecasting.", icon: Gauge },
|
|
{ id: "m2", value: "70%+", title: "Reduction in Operational Costs", description: "Through intelligent automation and optimized workflows.", icon: PiggyBank },
|
|
{ id: "m3", value: "200M+", title: "Data Points Processed Daily", description: "Handling vast enterprise data with unparalleled speed and precision.", icon: Cloud }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="client-testimonial" data-section="client-testimonial">
|
|
<TestimonialCardFifteen
|
|
testimonial="AI Agency is not just a vendor; they are a strategic partner. Their deep understanding of our business challenges combined with their cutting-edge AI expertise has truly revolutionized our operations. The results speak for themselves: significant cost savings and a measurable increase in market responsiveness."
|
|
rating={5}
|
|
author="Marcus Thorne, CEO of Nexus Innovations"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg", alt: "Marcus Thorne avatar" },
|
|
{ src: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg", alt: "AI Agency team member 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67192.jpg", alt: "AI Agency team member 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/serious-young-woman-holding-laptop_74855-5136.jpg", alt: "AI Agency team member 3" }
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Ready to Transform Your Business with AI?"
|
|
description="Let's discuss your unique challenges and opportunities. Our experts are ready to architect your intelligent future."
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="Enter your corporate email"
|
|
buttonText="Schedule a Consultation"
|
|
termsText="By clicking Schedule a Consultation you're confirming that you agree with our Terms and Conditions and Privacy Policy."
|
|
privacyPolicyHref="/policies"
|
|
termsOfServiceHref="/policies"
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="http://img.b2bpic.net/free-photo/minimalistic-geometric-background-with-charts-generative-ai_169016-29527.jpg"
|
|
logoAlt="futuristic AI agency logo geometric"
|
|
logoText="AI Agency"
|
|
columns={footerNavItems}
|
|
copyrightText="© 2024 AI Agency. All rights reserved."
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|