Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0085afd348 | |||
| 6cab0f6ba7 | |||
| a764c81cea |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
|
|
||||||
const halant = Halant({
|
const halant = Halant({
|
||||||
@@ -34,7 +33,7 @@ export default function RootLayout({
|
|||||||
<body
|
<body
|
||||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
className={`${halant.variable} ${inter.variable} antialiased`}
|
||||||
>
|
>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
214
src/app/page.tsx
214
src/app/page.tsx
@@ -3,17 +3,16 @@
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
import ContactText from "@/components/sections/contact/ContactText";
|
||||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
import { Zap, ArrowUpRight, Bot, Database, Workflow, ShieldCheck, Cpu, CodeXml, LayoutGrid, BrainCircuit, Users } from "lucide-react";
|
||||||
import { Sparkles, ArrowUpRight, Zap, Bot, Database, Workflow, ShieldCheck, Cpu, CodeXml, LayoutGrid, BrainCircuit, Users } from "lucide-react";
|
|
||||||
|
|
||||||
export default function WebAgency2Page() {
|
export default function WebAgency2Page() {
|
||||||
return (
|
return (
|
||||||
@@ -25,148 +24,71 @@ export default function WebAgency2Page() {
|
|||||||
sizing="medium"
|
sizing="medium"
|
||||||
background="none"
|
background="none"
|
||||||
cardStyle="glass-elevated"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="metallic"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<NavbarLayoutFloatingOverlay
|
<div id="nav" data-section="nav">
|
||||||
brandName="AutoFlow"
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
brandName="AutoFlow"
|
||||||
{ name: "Solutions", id: "solutions" },
|
navItems={[
|
||||||
{ name: "Benefits", id: "benefits" },
|
{ name: "Solutions", id: "solutions" },
|
||||||
{ name: "Process", id: "process" },
|
{ name: "Benefits", id: "benefits" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Process", id: "process" },
|
||||||
]}
|
{ name: "Contact", id: "contact" },
|
||||||
button={{ text: "Get Automated", href: "#contact" }}
|
]}
|
||||||
/>
|
button={{ text: "Get Automated", href: "#contact" }}
|
||||||
<HeroSplitDoubleCarousel
|
/>
|
||||||
title="Automate Your Business to Scale"
|
</div>
|
||||||
description="Stop wasting time on repetitive tasks. We deploy custom AI agents that work 24/7, driving efficiency and growth for your business."
|
<div id="hero" data-section="hero">
|
||||||
tag="AI-Driven Business Automation"
|
<HeroBillboardCarousel
|
||||||
tagIcon={Zap}
|
title="Automate Your Business to Scale"
|
||||||
tagAnimation="slide-up"
|
description="Stop wasting time on repetitive tasks. We deploy custom AI agents that work 24/7, driving efficiency and growth for your business."
|
||||||
background={{ variant: "canvas-reveal" }}
|
tag="AI-Driven Business Automation"
|
||||||
buttons={[
|
tagIcon={Zap}
|
||||||
{ text: "Schedule Demo", href: "#contact" },
|
tagAnimation="slide-up"
|
||||||
{ text: "Our Capabilities", href: "#solutions" },
|
background={{ variant: "canvas-reveal" }}
|
||||||
]}
|
buttons={[
|
||||||
buttonAnimation="slide-up"
|
{ text: "Schedule Demo", href: "#contact" },
|
||||||
carouselPosition="right"
|
{ text: "Our Capabilities", href: "#solutions" },
|
||||||
leftCarouselItems={[
|
]}
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "AI Workflow Dashboard" },
|
buttonAnimation="slide-up"
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/robots-exercising-treadmill_1048-11633.jpg", imageAlt: "Automated Data Entry" },
|
mediaItems={[
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/network-connections_1048-7667.jpg", imageAlt: "Connected Systems" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "AI Workflow Dashboard" },
|
||||||
]}
|
{ imageSrc: "http://img.b2bpic.net/free-photo/robots-exercising-treadmill_1048-11633.jpg", imageAlt: "Automated Data Entry" }
|
||||||
rightCarouselItems={[
|
]}
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg", imageAlt: "Predictive Analytics UI" },
|
/>
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-house-with-automation-lighting-system-sitting-kitchen-switch-off-lights-usin_482257-1935.jpg", imageAlt: "Client Management Bot" },
|
</div>
|
||||||
]}
|
<div id="process" data-section="process">
|
||||||
carouselItemClassName="!aspect-[4/5]"
|
<MetricCardSeven
|
||||||
/>
|
title="Efficiency Gains"
|
||||||
<FeatureBento
|
description="Quantifiable impact of our automation suite."
|
||||||
title="Core Automation Pillars"
|
textboxLayout="default"
|
||||||
description="Transform your operations with enterprise-grade AI solutions."
|
useInvertedBackground={false}
|
||||||
textboxLayout="default"
|
animationType="slide-up"
|
||||||
useInvertedBackground={false}
|
metrics={[
|
||||||
animationType="slide-up"
|
{ id: "m1", value: "40h+", title: "Hours Saved", items: ["Average weekly savings per department"] },
|
||||||
buttons={[{ text: "Explore All", href: "#solutions" }]}
|
{ id: "m2", value: "95%", title: "Task Accuracy", items: ["Reduction in manual human errors"] },
|
||||||
features={[
|
{ id: "m3", value: "3x", title: "Scale Factor", items: ["Increased handling capacity without hiring"] },
|
||||||
{
|
]}
|
||||||
title: "Intelligent Operations", description: "Autonomous agents handling your customer queries, scheduling, and admin workflows.", bentoComponent: "chat", aiIcon: Bot,
|
/>
|
||||||
userIcon: Users,
|
</div>
|
||||||
exchanges: [{ userMessage: "Book a consultation", aiResponse: "I've scheduled it for Tuesday at 10 AM." }],
|
<div id="contact" data-section="contact">
|
||||||
placeholder: "How can I assist you?"
|
<ContactText
|
||||||
},
|
text="Ready to Automate Your Workflow? Schedule a discovery call to audit your processes and identify high-impact automation opportunities."
|
||||||
{
|
background={{ variant: "rotated-rays-animated" }}
|
||||||
title: "Custom AI Agents", description: "Tailored LLM agents that learn your specific business processes and data.", bentoComponent: "reveal-icon", icon: BrainCircuit
|
buttons={[{ text: "Book a Strategy Call", href: "#contact" }]}
|
||||||
},
|
useInvertedBackground={false}
|
||||||
{
|
/>
|
||||||
title: "Systems Integration", description: "Seamlessly bridge your CRM, ERP, and communication platforms.", bentoComponent: "marquee", centerIcon: Workflow,
|
</div>
|
||||||
variant: "icon", icons: [Database, CodeXml, LayoutGrid, ShieldCheck, Zap, BrainCircuit]
|
<div id="footer" data-section="footer">
|
||||||
}
|
<FooterLogoReveal
|
||||||
]}
|
logoText="AutoFlow"
|
||||||
/>
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||||
<FeatureCardTwentySix
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||||
title="Recent Implementations"
|
/>
|
||||||
description="See how we've helped businesses slash operational costs and save hours."
|
</div>
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
buttons={[{ text: "Case Studies", href: "#work" }]}
|
|
||||||
cardClassName="!h-auto aspect-video"
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Sales Funnel Automation", description: "Automated lead qualification and CRM updates.", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", buttonIcon: ArrowUpRight
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Customer Support AI", description: "24/7 resolution of common customer inquiries.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-pharmaceutical-industry_23-2151684832.jpg", buttonIcon: ArrowUpRight
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Inventory Sync", description: "Real-time data flow between supply chain systems.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-download-icon-line-connection-circuit-board_1379-888.jpg", buttonIcon: ArrowUpRight
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Financial Reporting", description: "Automated expense tracking and ledger reconciliation.", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg", buttonIcon: ArrowUpRight
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<TestimonialCardFifteen
|
|
||||||
testimonial="AutoFlow replaced 3 full-time roles with AI automation. Our operations are faster, more accurate, and running 24/7. It's a game changer."
|
|
||||||
rating={5}
|
|
||||||
author="— Jordan Rivers, Founder at Nexus Logistics"
|
|
||||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Client" }]}
|
|
||||||
ratingAnimation="slide-up"
|
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
|
||||||
<MetricCardOne
|
|
||||||
title="Efficiency Gains"
|
|
||||||
description="Quantifiable impact of our automation suite."
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
animationType="slide-up"
|
|
||||||
metrics={[
|
|
||||||
{ id: "m1", value: "40h+", title: "Hours Saved", description: "Average weekly savings per department", icon: Zap },
|
|
||||||
{ id: "m2", value: "95%", title: "Task Accuracy", description: "Reduction in manual human errors", icon: ShieldCheck },
|
|
||||||
{ id: "m3", value: "3x", title: "Scale Factor", description: "Increased handling capacity without hiring", icon: BrainCircuit },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<FeatureCardSixteen
|
|
||||||
title="Standard vs. AutoFlow"
|
|
||||||
description="Why upgrade to AI-driven workflows?"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
animationType="slide-up"
|
|
||||||
negativeCard={{ items: ["Manual entry errors", "Bottlenecks during growth", "Fragmented data silos", "Slow responsiveness", "High overhead costs"] }}
|
|
||||||
positiveCard={{ items: ["Automated data precision", "Infinite scalability", "Unified system architecture", "Instant 24/7 action", "Reduced operational cost"] }}
|
|
||||||
/>
|
|
||||||
<FaqBase
|
|
||||||
title="Common Inquiries"
|
|
||||||
description="Understanding how we build your AI advantage."
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
faqs={[
|
|
||||||
{ id: "f1", title: "What systems do you integrate?", content: "We connect with virtually any modern API, including Salesforce, HubSpot, Shopify, Slack, and custom databases." },
|
|
||||||
{ id: "f2", title: "Is AI automation secure?", content: "Absolutely. We implement enterprise-grade security, ensuring your data is encrypted and processing adheres to GDPR/SOC2 standards." },
|
|
||||||
{ id: "f3", title: "Do I need a technical team?", content: "No. We provide end-to-end management, from strategy and deployment to continuous maintenance and agent optimization." }
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ContactCTA
|
|
||||||
tag="Let's Connect"
|
|
||||||
title="Ready to Automate Your Workflow?"
|
|
||||||
description="Schedule a discovery call to audit your processes and identify high-impact automation opportunities."
|
|
||||||
background={{ variant: "rotated-rays-animated" }}
|
|
||||||
buttons={[{ text: "Book a Strategy Call", href: "#contact" }]}
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
|
||||||
<FooterBase
|
|
||||||
logoText="AutoFlow"
|
|
||||||
copyrightText="© 2026 | AutoFlow AI"
|
|
||||||
columns={[
|
|
||||||
{ title: "Product", items: [{ label: "AI Agents", href: "#" }, { label: "Integrations", href: "#" }] },
|
|
||||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
|
||||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user