Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0d4dc0998d | |||
| 4bfa80ab77 | |||
| dc05172c20 | |||
| 4c9a51e6a5 | |||
| 18e67c9e14 | |||
| 5933a7010c | |||
| d0c28b4796 |
123
src/app/admin/appointments/page.tsx
Normal file
123
src/app/admin/appointments/page.tsx
Normal file
@@ -0,0 +1,123 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from 'react';
|
||||
import Input from '@/components/form/Input';
|
||||
import ButtonBounceEffect from '@/components/button/ButtonBounceEffect/ButtonBounceEffect';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
|
||||
// Dummy data for appointments
|
||||
const dummyAppointments = [
|
||||
{ id: 'APP001', client: 'Alice Smith', service: 'ML Model Training', date: '2024-07-20', status: 'Pending' },
|
||||
{ id: 'APP002', client: 'Bob Johnson', service: 'NLP Integration', date: '2024-07-21', status: 'Completed' },
|
||||
{ id: 'APP003', client: 'Charlie Brown', service: 'Computer Vision Setup', date: '2024-07-22', status: 'Scheduled' },
|
||||
{ id: 'APP004', client: 'Diana Prince', service: 'AI Automation Audit', date: '2024-07-23', status: 'Pending' }
|
||||
];
|
||||
|
||||
export default function AdminAppointmentsPage() {
|
||||
const [searchId, setSearchId] = useState('');
|
||||
const [appointments, setAppointments] = useState(dummyAppointments);
|
||||
|
||||
const filteredAppointments = appointments.filter(app =>
|
||||
app.id.toLowerCase().includes(searchId.toLowerCase()) ||
|
||||
app.client.toLowerCase().includes(searchId.toLowerCase())
|
||||
);
|
||||
|
||||
const handleUpdateStatus = (id: string, newStatus: string) => {
|
||||
setAppointments(prevApps =>
|
||||
prevApps.map(app => (app.id === id ? { ...app, status: newStatus } : app))
|
||||
);
|
||||
alert(`Appointment ${id} status updated to ${newStatus}`);
|
||||
};
|
||||
|
||||
const handleDeleteAppointment = (id: string) => {
|
||||
setAppointments(prevApps => prevApps.filter(app => app.id !== id));
|
||||
alert(`Appointment ${id} deleted.`);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div className="min-h-screen p-8">
|
||||
<h1 className="text-4xl font-bold text-foreground mb-8">Appointment Management</h1>
|
||||
|
||||
<div className="mb-8 p-6 bg-card rounded-lg shadow-lg">
|
||||
<h2 className="text-2xl font-semibold text-foreground mb-4">Search Appointments</h2>
|
||||
<Input
|
||||
value={searchId}
|
||||
onChange={setSearchId}
|
||||
placeholder="Search by ID or Client Name"
|
||||
className="w-full max-w-md"
|
||||
ariaLabel="Search appointments"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="bg-card p-6 rounded-lg shadow-lg">
|
||||
<h2 className="text-2xl font-semibold text-foreground mb-4">Appointment List</h2>
|
||||
{filteredAppointments.length === 0 ? (
|
||||
<p className="text-foreground">No appointments found.</p>
|
||||
) : (
|
||||
<div className="overflow-x-auto">
|
||||
<table className="min-w-full divide-y divide-border">
|
||||
<thead className="bg-background-accent">
|
||||
<tr>
|
||||
<th scope="col" className="px-6 py-3 text-left text-xs font-medium text-foreground uppercase tracking-wider">ID</th>
|
||||
<th scope="col" className="px-6 py-3 text-left text-xs font-medium text-foreground uppercase tracking-wider">Client</th>
|
||||
<th scope="col" className="px-6 py-3 text-left text-xs font-medium text-foreground uppercase tracking-wider">Service</th>
|
||||
<th scope="col" className="px-6 py-3 text-left text-xs font-medium text-foreground uppercase tracking-wider">Date</th>
|
||||
<th scope="col" className="px-6 py-3 text-left text-xs font-medium text-foreground uppercase tracking-wider">Status</th>
|
||||
<th scope="col" className="px-6 py-3 text-left text-xs font-medium text-foreground uppercase tracking-wider">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody className="divide-y divide-border">
|
||||
{filteredAppointments.map((app) => (
|
||||
<tr key={app.id}>
|
||||
<td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-foreground">{app.id}</td>
|
||||
<td className="px-6 py-4 whitespace-nowrap text-sm text-foreground">{app.client}</td>
|
||||
<td className="px-6 py-4 whitespace-nowrap text-sm text-foreground">{app.service}</td>
|
||||
<td className="px-6 py-4 whitespace-nowrap text-sm text-foreground">{app.date}</td>
|
||||
<td className="px-6 py-4 whitespace-nowrap text-sm">
|
||||
<span className={`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${
|
||||
app.status === 'Completed' ? 'bg-green-100 text-green-800' :
|
||||
app.status === 'Pending' ? 'bg-yellow-100 text-yellow-800' :
|
||||
'bg-blue-100 text-blue-800'
|
||||
}`}>
|
||||
{app.status}
|
||||
</span>
|
||||
</td>
|
||||
<td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
|
||||
<div className="flex space-x-2">
|
||||
{app.status !== 'Completed' && (
|
||||
<ButtonBounceEffect
|
||||
text="Complete"
|
||||
onClick={() => handleUpdateStatus(app.id, 'Completed')}
|
||||
className="px-3 py-1 text-xs"
|
||||
/>
|
||||
)}
|
||||
<ButtonBounceEffect
|
||||
text="Delete"
|
||||
onClick={() => handleDeleteAppointment(app.id)}
|
||||
className="px-3 py-1 text-xs bg-red-600 hover:bg-red-700"
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
39
src/app/admin/dashboard/page.tsx
Normal file
39
src/app/admin/dashboard/page.tsx
Normal file
@@ -0,0 +1,39 @@
|
||||
"use client";
|
||||
|
||||
import React from 'react';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
|
||||
export default function AdminDashboardPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div className="min-h-screen p-8">
|
||||
<h1 className="text-4xl font-bold text-foreground mb-8">Admin Dashboard</h1>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div className="bg-card p-6 rounded-lg shadow-lg">
|
||||
<h2 className="text-2xl font-semibold text-foreground mb-4">Total Appointments</h2>
|
||||
<p className="text-accent text-5xl font-bold">128</p>
|
||||
</div>
|
||||
<div className="bg-card p-6 rounded-lg shadow-lg">
|
||||
<h2 className="text-2xl font-semibold text-foreground mb-4">Pending</h2>
|
||||
<p className="text-primary-cta text-5xl font-bold">15</p>
|
||||
</div>
|
||||
<div className="bg-card p-6 rounded-lg shadow-lg">
|
||||
<h2 className="text-2xl font-semibold text-foreground mb-4">Completed</h2>
|
||||
<p className="text-accent text-5xl font-bold">90</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
69
src/app/admin/login/page.tsx
Normal file
69
src/app/admin/login/page.tsx
Normal file
@@ -0,0 +1,69 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from 'react';
|
||||
import Input from '@/components/form/Input';
|
||||
import ButtonBounceEffect from '@/components/button/ButtonBounceEffect/ButtonBounceEffect';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
|
||||
export default function LoginPage() {
|
||||
const [username, setUsername] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
|
||||
const handleLogin = (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
console.log('Login attempt with:', { username, password });
|
||||
// In a real app, this would involve API calls for authentication
|
||||
alert('Login functionality not implemented yet. Check console for input.');
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="fluid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div className="flex min-h-screen items-center justify-center p-4">
|
||||
<div className="w-full max-w-md rounded-lg bg-card p-8 shadow-lg">
|
||||
<h1 className="mb-6 text-center text-3xl font-bold text-foreground">Admin Login</h1>
|
||||
<form onSubmit={handleLogin} className="space-y-4">
|
||||
<div>
|
||||
<label htmlFor="username" className="block text-foreground text-sm font-medium mb-2">Username</label>
|
||||
<Input
|
||||
id="username"
|
||||
value={username}
|
||||
onChange={setUsername}
|
||||
placeholder="Enter your username"
|
||||
required
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="password" className="block text-foreground text-sm font-medium mb-2">Password</label>
|
||||
<Input
|
||||
id="password"
|
||||
type="password"
|
||||
value={password}
|
||||
onChange={setPassword}
|
||||
placeholder="Enter your password"
|
||||
required
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
<ButtonBounceEffect
|
||||
text="Login"
|
||||
type="submit"
|
||||
className="w-full py-2"
|
||||
/>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
304
src/app/page.tsx
304
src/app/page.tsx
@@ -33,30 +33,26 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
|
||||
name: "Home", id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
|
||||
name: "Services", id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
|
||||
name: "About", id: "about",
|
||||
},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "solutions",
|
||||
|
||||
name: "Solutions", id: "solutions",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
|
||||
name: "Contact", id: "contact",
|
||||
},
|
||||
{
|
||||
name: "Book Appointment", id: "book-appointment"
|
||||
},
|
||||
{
|
||||
name: "Track Appointment", id: "track-appointment"
|
||||
}
|
||||
]}
|
||||
brandName="AI Agency Pro"
|
||||
bottomLeftText="Innovating the Future"
|
||||
@@ -67,46 +63,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Unlock Future Potential with Advanced AI Solutions"
|
||||
description="Our AI agency empowers businesses to innovate, automate, and gain competitive edge through cutting-edge artificial intelligence technologies."
|
||||
tag="AI Agency"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "/services",
|
||||
},
|
||||
text: "Explore Services", href: "/services"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get a Quote", href: "/contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-futuristic-ai-concept-showing-a-sleek--1774472922564-fd869617.png?_wi=1",
|
||||
imageAlt: "Futuristic AI neural network interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-futuristic-ai-concept-showing-a-sleek--1774472922564-fd869617.png?_wi=1", imageAlt: "Futuristic AI neural network interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/close-up-of-human-hand-interacting-with--1774472922644-3c36a024.png",
|
||||
imageAlt: "Human hand interacting with holographic AI",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/close-up-of-human-hand-interacting-with--1774472922644-3c36a024.png", imageAlt: "Human hand interacting with holographic AI"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-panoramic-view-of-a-server-room-with-g-1774472923500-6dd7765a.png",
|
||||
imageAlt: "Server room with glowing AI infrastructure",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-panoramic-view-of-a-server-room-with-g-1774472923500-6dd7765a.png", imageAlt: "Server room with glowing AI infrastructure"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/an-abstract-representation-of-data-flowi-1774472923525-ab75ba9c.png",
|
||||
imageAlt: "Abstract data flow through digital circuits",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/an-abstract-representation-of-data-flowi-1774472923525-ab75ba9c.png", imageAlt: "Abstract data flow through digital circuits"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-sophisticated-ai-robot-hand-reaching-o-1774472922892-aabfc82a.png?_wi=2",
|
||||
imageAlt: "AI robot hand reaching for data sphere",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-sophisticated-ai-robot-hand-reaching-o-1774472922892-aabfc82a.png?_wi=2", imageAlt: "AI robot hand reaching for data sphere"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-complex-algorithm-visualized-as-intric-1774472922579-2ba41617.png",
|
||||
imageAlt: "Complex algorithm visualization",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-complex-algorithm-visualized-as-intric-1774472922579-2ba41617.png", imageAlt: "Complex algorithm visualization"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,9 +98,7 @@ export default function LandingPage() {
|
||||
tag="Who We Are"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More About Us", href: "/about"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-diverse-team-of-ai-engineers-and-data--1774472923273-01e8b55b.png?_wi=2"
|
||||
imageAlt="Diverse team of AI engineers collaborating"
|
||||
@@ -135,35 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Intelligent Automation",
|
||||
tags: [
|
||||
"RPA",
|
||||
"Efficiency",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/robotic-arm-meticulously-performing-a-ta-1774472923747-45cb5582.png?_wi=1",
|
||||
imageAlt: "Robotic arm symbolizing automation",
|
||||
},
|
||||
id: "1", title: "Intelligent Automation", tags: [
|
||||
"RPA", "Efficiency"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/robotic-arm-meticulously-performing-a-ta-1774472923747-45cb5582.png?_wi=1", imageAlt: "Robotic arm symbolizing automation"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Machine Learning Models",
|
||||
tags: [
|
||||
"Predictive",
|
||||
"Optimization",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-stylized-glowing-brain-made-of-data-po-1774472923558-fd13f175.png?_wi=1",
|
||||
imageAlt: "Glowing AI brain",
|
||||
},
|
||||
id: "2", title: "Machine Learning Models", tags: [
|
||||
"Predictive", "Optimization"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-stylized-glowing-brain-made-of-data-po-1774472923558-fd13f175.png?_wi=1", imageAlt: "Glowing AI brain"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Advanced Analytics & Insights",
|
||||
tags: [
|
||||
"Data",
|
||||
"Strategy",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/an-abstract-visualization-of-complex-dat-1774472923590-3cd3c468.png?_wi=1",
|
||||
imageAlt: "Data analytics visualization",
|
||||
},
|
||||
id: "3", title: "Advanced Analytics & Insights", tags: [
|
||||
"Data", "Strategy"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/an-abstract-visualization-of-complex-dat-1774472923590-3cd3c468.png?_wi=1", imageAlt: "Data analytics visualization"},
|
||||
]}
|
||||
title="Our Core Capabilities"
|
||||
description="We offer a comprehensive suite of AI services designed to meet your specific business challenges and unlock new levels of performance."
|
||||
@@ -179,25 +138,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "30%",
|
||||
title: "Operational Efficiency",
|
||||
description: "Increase in operational efficiency for our clients through AI-powered automation.",
|
||||
icon: TrendingUp,
|
||||
id: "1", value: "30%", title: "Operational Efficiency", description: "Increase in operational efficiency for our clients through AI-powered automation.", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "Continuous Availability",
|
||||
description: "Our AI systems ensure uninterrupted service and support for critical business functions.",
|
||||
icon: Clock,
|
||||
id: "2", value: "24/7", title: "Continuous Availability", description: "Our AI systems ensure uninterrupted service and support for critical business functions.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "2X",
|
||||
title: "Faster Decision Making",
|
||||
description: "Accelerate insights and strategic decisions with real-time AI-driven data analysis.",
|
||||
icon: Zap,
|
||||
id: "3", value: "2X", title: "Faster Decision Making", description: "Accelerate insights and strategic decisions with real-time AI-driven data analysis.", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Driving Tangible Results"
|
||||
@@ -214,38 +161,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Predictive Analytics Platform",
|
||||
price: "Custom",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-digital-interface-showcasing-predictiv-1774472923455-85f6c102.png?_wi=1",
|
||||
imageAlt: "Predictive Analytics Dashboard",
|
||||
},
|
||||
id: "1", name: "Predictive Analytics Platform", price: "Custom", variant: "Enterprise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-digital-interface-showcasing-predictiv-1774472923455-85f6c102.png?_wi=1", imageAlt: "Predictive Analytics Dashboard"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Natural Language Processing Suite",
|
||||
price: "Custom",
|
||||
variant: "Advanced",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-representation-of-natural-language-pro-1774472923543-1cbaa4e7.png?_wi=1",
|
||||
imageAlt: "Natural Language Processing illustration",
|
||||
},
|
||||
id: "2", name: "Natural Language Processing Suite", price: "Custom", variant: "Advanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/a-representation-of-natural-language-pro-1774472923543-1cbaa4e7.png?_wi=1", imageAlt: "Natural Language Processing illustration"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Computer Vision System",
|
||||
price: "Custom",
|
||||
variant: "Smart",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/an-image-illustrating-computer-vision-wi-1774472923655-bd2f6695.png?_wi=1",
|
||||
imageAlt: "Computer Vision System recognizing objects",
|
||||
},
|
||||
id: "3", name: "Computer Vision System", price: "Custom", variant: "Smart", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/an-image-illustrating-computer-vision-wi-1774472923655-bd2f6695.png?_wi=1", imageAlt: "Computer Vision System recognizing objects"},
|
||||
]}
|
||||
title="Explore Our AI Solutions"
|
||||
description="Discover our specialized AI products designed to solve complex challenges and enhance your business capabilities."
|
||||
tag="Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Solutions",
|
||||
href: "/solutions",
|
||||
},
|
||||
text: "View All Solutions", href: "/solutions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -256,22 +183,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
names={[]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/minimalist-logo-for-techcorp-a-technolog-1774472921447-c70f7575.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/sleek-abstract-logo-for-innovatefusion-a-1774472921624-cf9001a7.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/edgy-geometric-logo-for-dataedge-a-data--1774472923254-aacf784a.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/global-themed-logo-for-globalsolutions-a-1774472922953-05ce988a.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/interconnected-network-inspired-logo-for-1774472923033-0c3b17bf.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/neuroscience-inspired-logo-for-synapseai-1774472923425-a5902797.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/dynamic-forward-leaping-design-logo-for--1774472923063-0a5e839c.png",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/minimalist-logo-for-techcorp-a-technolog-1774472921447-c70f7575.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/sleek-abstract-logo-for-innovatefusion-a-1774472921624-cf9001a7.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/edgy-geometric-logo-for-dataedge-a-data--1774472923254-aacf784a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/global-themed-logo-for-globalsolutions-a-1774472922953-05ce988a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/interconnected-network-inspired-logo-for-1774472923033-0c3b17bf.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/neuroscience-inspired-logo-for-synapseai-1774472923425-a5902797.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/dynamic-forward-leaping-design-logo-for--1774472923063-0a5e839c.png"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We partner with innovative companies worldwide to deliver transformative AI solutions that drive real business growth."
|
||||
tag="Our Partners"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Case Studies",
|
||||
href: "/case-studies",
|
||||
},
|
||||
text: "See Case Studies", href: "/case-studies"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -282,59 +200,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Jan 2024",
|
||||
title: "Revolutionary AI Implementation",
|
||||
quote: "AI Agency Pro delivered a truly revolutionary AI solution that streamlined our operations and provided invaluable insights. Their expertise is unmatched!",
|
||||
tag: "Tech Solutions",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-female-ceo-sm-1774472921977-667cb895.png",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "Jan 2024", title: "Revolutionary AI Implementation", quote: "AI Agency Pro delivered a truly revolutionary AI solution that streamlined our operations and provided invaluable insights. Their expertise is unmatched!", tag: "Tech Solutions", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-female-ceo-sm-1774472921977-667cb895.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Feb 2024",
|
||||
title: "Exceptional Data Science Partnership",
|
||||
quote: "The team at AI Agency Pro is brilliant. They transformed our raw data into actionable strategies, yielding impressive ROI. Highly recommend their data science capabilities.",
|
||||
tag: "Data & Analytics",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-male-cto-look-1774472922485-344d74cb.png",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "Feb 2024", title: "Exceptional Data Science Partnership", quote: "The team at AI Agency Pro is brilliant. They transformed our raw data into actionable strategies, yielding impressive ROI. Highly recommend their data science capabilities.", tag: "Data & Analytics", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-male-cto-look-1774472922485-344d74cb.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "March 2024",
|
||||
title: "Game-Changing Automation",
|
||||
quote: "Our workflow has never been more efficient thanks to AI Agency Pro's intelligent automation solutions. It's truly been a game-changer for our productivity.",
|
||||
tag: "Automation",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-female-market-1774472922622-634c09fe.png",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "March 2024", title: "Game-Changing Automation", quote: "Our workflow has never been more efficient thanks to AI Agency Pro's intelligent automation solutions. It's truly been a game-changer for our productivity.", tag: "Automation", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-female-market-1774472922622-634c09fe.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "April 2024",
|
||||
title: "Strategic AI Guidance",
|
||||
quote: "Beyond just implementation, AI Agency Pro provided strategic guidance that aligned perfectly with our long-term goals. A true partner in innovation.",
|
||||
tag: "AI Strategy",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-male-product--1774472922079-0d7c9ba4.png",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "April 2024", title: "Strategic AI Guidance", quote: "Beyond just implementation, AI Agency Pro provided strategic guidance that aligned perfectly with our long-term goals. A true partner in innovation.", tag: "AI Strategy", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-male-product--1774472922079-0d7c9ba4.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
date: "May 2024",
|
||||
title: "Innovative Product Development",
|
||||
quote: "Working with AI Agency Pro on our new product was seamless. Their innovative approach to integrating AI has set us apart in the market.",
|
||||
tag: "Product Development",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-female-head-o-1774472923718-6642c9dc.png",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", date: "May 2024", title: "Innovative Product Development", quote: "Working with AI Agency Pro on our new product was seamless. Their innovative approach to integrating AI has set us apart in the market.", tag: "Product Development", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-female-head-o-1774472923718-6642c9dc.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Green",
|
||||
date: "June 2024",
|
||||
title: "Reliable & Scalable AI",
|
||||
quote: "The AI systems developed by AI Agency Pro are not only powerful but also incredibly reliable and scalable. They perfectly support our expanding business needs.",
|
||||
tag: "Scalable Solutions",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-male-operatio-1774472923097-2df1448a.png",
|
||||
},
|
||||
id: "6", name: "Robert Green", date: "June 2024", title: "Reliable & Scalable AI", quote: "The AI systems developed by AI Agency Pro are not only powerful but also incredibly reliable and scalable. They perfectly support our expanding business needs.", tag: "Scalable Solutions", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSBwBPtKXLY8NQ9tIXmhZmzrWB/professional-headshot-of-a-male-operatio-1774472923097-2df1448a.png"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from the businesses that have experienced significant growth and innovation with our AI solutions."
|
||||
@@ -348,32 +224,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of AI solutions do you offer?",
|
||||
content: "We offer a wide range of AI solutions including machine learning model development, natural language processing (NLP), computer vision, intelligent automation (RPA), predictive analytics, and AI strategy consulting for various industries.",
|
||||
},
|
||||
id: "1", title: "What types of AI solutions do you offer?", content: "We offer a wide range of AI solutions including machine learning model development, natural language processing (NLP), computer vision, intelligent automation (RPA), predictive analytics, and AI strategy consulting for various industries."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does an AI project typically take?",
|
||||
content: "Project timelines vary based on complexity and scope. A typical project can range from 4 weeks for a proof-of-concept to 6-12 months for a full-scale enterprise AI implementation. We provide detailed timelines after an initial consultation.",
|
||||
},
|
||||
id: "2", title: "How long does an AI project typically take?", content: "Project timelines vary based on complexity and scope. A typical project can range from 4 weeks for a proof-of-concept to 6-12 months for a full-scale enterprise AI implementation. We provide detailed timelines after an initial consultation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide ongoing support and maintenance?",
|
||||
content: "Yes, we offer comprehensive post-implementation support, maintenance, and optimization services to ensure your AI solutions continue to perform optimally and evolve with your business needs. Our team is available 24/7.",
|
||||
},
|
||||
id: "3", title: "Do you provide ongoing support and maintenance?", content: "Yes, we offer comprehensive post-implementation support, maintenance, and optimization services to ensure your AI solutions continue to perform optimally and evolve with your business needs. Our team is available 24/7."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do you ensure data security and privacy?",
|
||||
content: "Data security and privacy are paramount. We adhere to industry best practices, implement robust encryption, comply with regulations like GDPR and CCPA, and conduct regular security audits to protect your sensitive data.",
|
||||
},
|
||||
id: "4", title: "How do you ensure data security and privacy?", content: "Data security and privacy are paramount. We adhere to industry best practices, implement robust encryption, comply with regulations like GDPR and CCPA, and conduct regular security audits to protect your sensitive data."},
|
||||
]}
|
||||
ctaTitle="Ready to Transform Your Business with AI?"
|
||||
ctaDescription="Get in touch with our AI experts today to discuss your project and discover how artificial intelligence can drive your next big success."
|
||||
ctaButton={{
|
||||
text: "Start Your AI Journey",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Start Your AI Journey", href: "/contact"}}
|
||||
ctaIcon={Rocket}
|
||||
accordionAnimationType="smooth"
|
||||
/>
|
||||
@@ -385,75 +247,45 @@ export default function LandingPage() {
|
||||
videoAriaLabel="Abstract AI neural network animation"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Machine Learning",
|
||||
href: "/services#machine-learning",
|
||||
},
|
||||
label: "Machine Learning", href: "/services#machine-learning"},
|
||||
{
|
||||
label: "Natural Language Processing",
|
||||
href: "/services#nlp",
|
||||
},
|
||||
label: "Natural Language Processing", href: "/services#nlp"},
|
||||
{
|
||||
label: "Computer Vision",
|
||||
href: "/services#computer-vision",
|
||||
},
|
||||
label: "Computer Vision", href: "/services#computer-vision"},
|
||||
{
|
||||
label: "AI Automation",
|
||||
href: "/services#automation",
|
||||
},
|
||||
label: "AI Automation", href: "/services#automation"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "/careers"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "/partners",
|
||||
},
|
||||
label: "Partners", href: "/partners"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "/case-studies",
|
||||
},
|
||||
label: "Case Studies", href: "/case-studies"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact#faq",
|
||||
},
|
||||
label: "FAQ", href: "/contact#faq"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "/support",
|
||||
},
|
||||
label: "Support", href: "/support"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/terms",
|
||||
},
|
||||
label: "Terms of Service", href: "/terms"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -464,4 +296,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user