367 lines
13 KiB
TypeScript
367 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="Arcyne"
|
|
button={{
|
|
text: "Book Call",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="The future of unknown possibilities"
|
|
description="Arcyne deploys AI agents that eliminate manual work, freeing your business to scale without headcount."
|
|
testimonials={[
|
|
{
|
|
name: "Omar Al-Fayed",
|
|
handle: "CEO, Dubai Logistics",
|
|
testimonial: "Arcyne replaced our entire manual scheduling workflow. The ROI was immediate.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/row-empty-chairs-office_23-2147899557.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Sarah Mansour",
|
|
handle: "COO, MENA Retail",
|
|
testimonial: "Our AI voice agent handles all lead qualification now. Zero errors, 24/7.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-working-as-part-company-team_23-2149136828.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Ahmed Khalid",
|
|
handle: "Founder, TechFlow",
|
|
testimonial: "Seamless integration, instant impact. We scaled 3x.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Layla Saeed",
|
|
handle: "VP Operations",
|
|
testimonial: "The most professional AI team I've worked with.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-conference-room-within-corporation-designed-productivity_482257-124018.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Yousif Hassan",
|
|
handle: "CTO, NextGen",
|
|
testimonial: "Finally, automation that actually works 24/7.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg?_wi=1",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Start Transformation",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/polygonal-blue-abstract-background-shapes-network-neural-connections-big-data-neural-concept_90220-514.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-plexus-design_1048-16168.jpg",
|
|
alt: "3D technology background with low poly plexus design",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-connecting-dots_1048-6125.jpg",
|
|
alt: "Abstract techno low poly background with connecting dots",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg",
|
|
alt: "3D low poly abstract background with connecting lines and dots",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-network-connections-low-poly-plexus-design_1048-11867.jpg",
|
|
alt: "3D abstract background with network connections, low poly, plexus design",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-particles-data-science_1048-18193.jpg",
|
|
alt: "3D futuristic background with flowing particles Data science",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="About Arcyne"
|
|
title="Built for Dubai's Business Engine"
|
|
description="Arcyne isn't a SaaS tool. We are a boutique agency engineering autonomous AI agents tailored for your specific operations in the MENA region."
|
|
subdescription="We replace repetitive manual tasks with high-performance AI that works 24/7."
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "AI Voice Agents",
|
|
description: "Autonomous inbound/outbound calls handling sales and support seamlessly.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-flowing-lines-particles_1048-13576.jpg",
|
|
},
|
|
{
|
|
title: "Workflow Automation",
|
|
description: "n8n and Claude-powered agents that manage emails, CRM entry, and invoices.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg",
|
|
},
|
|
{
|
|
title: "Customer Support",
|
|
description: "Trained on your knowledge base to resolve inquiries instantly, 24/7.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459516.jpg",
|
|
},
|
|
]}
|
|
title="Everything you need to automate"
|
|
description="End-to-end AI agent deployment for your most critical business processes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Lead Qualification System",
|
|
price: "Custom Build",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-flowing-cyber-particles_1048-16343.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "CRM Integration Assistant",
|
|
price: "Custom Build",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/server-hub-technician-arriving-office-using-ai-visualization-insights-pc_482257-125989.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Smart Invoicing Agent",
|
|
price: "Custom Build",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336595.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Email Triage Engine",
|
|
price: "Custom Build",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-digital-particles-design_1048-15444.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Meeting Scheduling Agent",
|
|
price: "Custom Build",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/augmented-reality-engineer-examining-holographic-machine_23-2152006121.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Support Escalation Agent",
|
|
price: "Custom Build",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg",
|
|
},
|
|
]}
|
|
title="Arcyne Solutions"
|
|
description="Ready-to-deploy agent modules."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "24/7",
|
|
title: "Continuous Operation",
|
|
description: "Agents never sleep.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "0",
|
|
title: "Manual Errors",
|
|
description: "Precision processing.",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-background_52683-68958.jpg",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "80%",
|
|
title: "Time Reclaimed",
|
|
description: "Focus on high-value work.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg",
|
|
},
|
|
]}
|
|
title="Efficiency by Design"
|
|
description="Replacing manual labor with agent precision."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Ahmed",
|
|
role: "CEO",
|
|
testimonial: "Arcyne delivered fast and reliable automation.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/row-empty-chairs-office_23-2147899557.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Fatima",
|
|
role: "Manager",
|
|
testimonial: "Incredible understanding of Dubai business.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-working-as-part-company-team_23-2149136828.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "John",
|
|
role: "Owner",
|
|
testimonial: "Automation that feels truly custom.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Layla",
|
|
role: "VP",
|
|
testimonial: "Never miss a lead anymore.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-conference-room-within-corporation-designed-productivity_482257-124018.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Yousif",
|
|
role: "CTO",
|
|
testimonial: "Scalability is no longer a headache.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="Client Success"
|
|
description="What our early partners are saying."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Is AI ready for my business?",
|
|
content: "Absolutely. It's about competitive advantage right now.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Is it expensive?",
|
|
content: "Costs a fraction of a human hire with immediate ROI.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Do I have time to implement?",
|
|
content: "We handle the entire build. You only need a 20-min discovery.",
|
|
},
|
|
]}
|
|
sideTitle="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Ready for clarity?"
|
|
description="Book a 20-minute diagnostic call with Radin to map your workflow."
|
|
tag="Get in touch"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Services",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Book Call",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Privacy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Arcyne"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|