111 lines
6.7 KiB
TypeScript
111 lines
6.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Portfolio", id: "/portfolio" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
export default function ServicesPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="Korva"
|
|
bottomLeftText="Global Digital Solutions"
|
|
bottomRightText="hello@korva.io"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services-detail" data-section="services-detail">
|
|
<FeatureCardTwentyOne
|
|
tag="Our Services"
|
|
title="Comprehensive Digital Solutions"
|
|
description="Each service is designed as part of an integrated ecosystem, working seamlessly together to create powerful digital systems that drive your business forward."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/abstract-representation-of-integrated-di-1772535989602-c13fe056.png"
|
|
imageAlt="Integrated digital solutions ecosystem"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
accordionItems={[
|
|
{
|
|
id: "web-design", title: "Website Design & Development", content: "Responsive, high-performance websites that convert visitors into customers. We combine strategic design with cutting-edge development to create digital experiences that engage users and drive measurable business results. Our websites are SEO-optimized, accessibility-focused, and built for enterprise-scale performance. From corporate platforms to e-commerce solutions, every site is crafted to support your business objectives."},
|
|
{
|
|
id: "mobile-apps", title: "Mobile App Development", content: "Native iOS and Android applications that deliver exceptional user experiences. We develop intuitive, feature-rich mobile solutions tailored to your specific requirements. Our mobile apps feature smooth performance, secure data handling, seamless user engagement, and integration with your broader digital ecosystem. Whether you need a customer-facing app or internal business tool, we create mobile solutions that users love."},
|
|
{
|
|
id: "ai-receptionists", title: "AI Receptionists & Automation", content: "Intelligent AI systems that handle customer interactions 24/7 with human-like sophistication. Our AI receptionists manage inquiries, appointments, routing, and workflows while learning from each interaction. They reduce operational costs dramatically while improving customer satisfaction. Fully integrated with your CRM, email, and business systems, our AI solutions become your always-on business partner."},
|
|
]}
|
|
buttons={[{ text: "Discuss Your Project", href: "/contact" }]}
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-showcase" data-section="service-showcase">
|
|
<ProductCardTwo
|
|
title="Service Packages"
|
|
description="Choose the service combination that matches your business needs. Each package can be customized to your specific requirements."
|
|
tag="Popular Combinations"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Growth Package", name: "Web + Mobile Solution", price: "From $25K", rating: 5,
|
|
reviewCount: "150+ clients", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/responsive-web-design-showcase-displayin-1772535990541-871712fb.png", imageAlt: "Web and mobile design showcase"},
|
|
{
|
|
id: "2", brand: "Scale Package", name: "Web + Mobile + AI", price: "From $45K", rating: 5,
|
|
reviewCount: "85+ enterprises", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/mobile-app-development-showcase-with-mul-1772535990031-8c243b50.png", imageAlt: "Mobile and AI integration"},
|
|
{
|
|
id: "3", brand: "Enterprise Package", name: "Full Digital Ecosystem", price: "Custom", rating: 5,
|
|
reviewCount: "50+ enterprises", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/ai-receptionist-and-automation-systems-v-1772535990075-6d4740d4.png", imageAlt: "AI and automation systems"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View Pricing Plans", href: "/pricing" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Ready to Start"
|
|
title="Let's Discuss Your Digital Transformation"
|
|
description="Tell us about your project, challenges, and goals. Our specialists will create a customized strategy to meet your unique business needs."
|
|
background={{ variant: "plain" }}
|
|
inputPlaceholder="your@company.com"
|
|
buttonText="Schedule Consultation"
|
|
termsText="We'll respond within 24 hours with a personalized proposal tailored to your requirements."
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Korva"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |