Files
846c31b0-61d4-4a5c-9f79-e59…/src/app/services/page.tsx

112 lines
5.4 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="large"
background="none"
cardStyle="glass-depth"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
]}
brandName="AiViqo"
/>
</div>
<div id="services-list" data-section="services-list">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "s1", name: "Strategy & Consulting", price: "From $5k", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vs-company-metal-letter-logo_460848-6493.jpg", imageAlt: "Strategy" },
{ id: "s2", name: "Enterprise Development", price: "From $15k", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-people-icons-around-world_1134-391.jpg", imageAlt: "Enterprise" },
{ id: "s3", name: "AI Model Training", price: "From $10k", imageSrc: "http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg", imageAlt: "AI Training" },
{ id: "s4", name: "Cloud Operations", price: "Custom", imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing-banner_1284-13656.jpg", imageAlt: "Cloud" },
{ id: "s5", name: "UX/UI Design", price: "From $3k", imageSrc: "http://img.b2bpic.net/free-photo/filter-icon-front-side_187299-45145.jpg", imageAlt: "UI UX" },
{ id: "s6", name: "Data Analytics", price: "From $4k", imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-reports-pile-documents-business-concept_1150-2254.jpg", imageAlt: "Analytics" },
]}
title="Service Packages"
description="Premium service tiers designed to align with your growth objectives."
/>
</div>
<div id="product" data-section="product">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Expert Solutions"
description="Tools that move the needle."
products={[
{ id: "p1", brand: "AiViqo", name: "AI Suite", price: "$10k", rating: 5, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104471.jpg" },
{ id: "p2", brand: "AiViqo", name: "Cloud Module", price: "$12k", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104471.jpg" },
{ id: "p3", brand: "AiViqo", name: "Data Tool", price: "$8k", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104471.jpg" }
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Workflow Optimization"
description="Seamless integration into your stack."
showStepNumbers={true}
features={[
{
title: "Integration", description: "We adapt to you.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-living-with-disability-analyzing-report-laptop-working-with-statistics-disability-friendly-office-asian-employee-suffering-from-chronic-impairment-using-wheelchair_482257-44595.jpg", imageAlt: "Abstract network of interconnected nodes and lines on a black background"
}
]}
/>
</div>
<div id="footer-base" data-section="footer-base">
<FooterBaseReveal
logoText="AiViqo"
columns={[
{
title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }],
},
{
title: "Services", items: [{ label: "Development", href: "/services" }, { label: "Consulting", href: "/services" }],
},
{
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }],
},
]}
copyrightText="© 2024 AiViqo. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}