210 lines
14 KiB
TypeScript
210 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Users, CheckCircle, Star, Award } from "lucide-react";
|
|
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Portfolio", id: "/portfolio" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
export default function HomePage() {
|
|
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="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="FullStack Digital Solutions, One Trusted Partner"
|
|
description="From responsive websites and mobile apps to intelligent AI receptionists—Korva builds complete digital systems that scale your business. Designed for enterprises. Built for results."
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/professional-headshot-of-a-ceo-or-busine-1772535989805-bdffe733.png", alt: "Client 1"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/professional-headshot-of-a-cto-or-tech-l-1772535989613-48786088.png", alt: "Client 2"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/professional-headshot-of-an-operations-m-1772535990163-ab4cf96f.png", alt: "Client 3"},
|
|
]}
|
|
avatarText="Trusted by 50+ Enterprise Clients"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Start Your Project", href: "/contact" },
|
|
{ text: "View Portfolio", href: "/portfolio" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Hero section for Korva digital agency"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Why Korva"
|
|
description={[
|
|
"We are Korva, a fullstack digital agency delivering end-to-end digital transformation for enterprises and ambitious startups. Our integrated approach combines strategic web design, cutting-edge mobile development, and intelligent AI automation to create complete digital ecosystems.", "Unlike fragmented vendor relationships, we serve as your single trusted partner for all digital needs. Our team of expert designers, developers, and AI specialists work seamlessly to deliver solutions that drive measurable ROI, enhance operational efficiency, and accelerate business growth across English, Arabic, and Kurdish-speaking markets."]}
|
|
buttons={[{ text: "Learn More About Us", href: "/about" }]}
|
|
useInvertedBackground={false}
|
|
showBorder={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
tag="Services"
|
|
title="Complete Digital Solutions"
|
|
description="Our integrated services span every aspect of modern digital transformation, working together to create seamless, powerful digital systems."
|
|
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. From enterprise platforms to marketing sites, we design and build digital experiences that engage users and drive business results. SEO-optimized, accessibility-focused, and built for scale."},
|
|
{
|
|
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 for iOS and Android platforms, ensuring smooth performance, secure data handling, and seamless user engagement."},
|
|
{
|
|
id: "ai-receptionists", title: "AI Receptionists & Automation", content: "Intelligent AI systems that handle customer interactions 24/7. Our AI receptionists manage inquiries, appointments, and workflows, reducing operational costs while improving customer satisfaction. Fully integrated with your business systems."},
|
|
]}
|
|
buttons={[{ text: "Explore Services", href: "/services" }]}
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
title="Case Studies & Portfolio"
|
|
description="Proven results from enterprise clients across diverse industries. See how Korva delivers complete digital solutions that drive measurable impact."
|
|
tag="Featured Work"
|
|
products={[
|
|
{
|
|
id: "case-1", brand: "Enterprise E-Commerce", name: "Global Retail Platform Redesign", price: "ROI: 340%", rating: 5,
|
|
reviewCount: "250M+ transactions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/enterprise-e-commerce-website-case-study-1772535990664-f1e1fcf4.png", imageAlt: "E-commerce platform redesign"},
|
|
{
|
|
id: "case-2", brand: "SaaS Scale-Up", name: "Analytics Dashboard Platform", price: "Growth: 5.2x", rating: 5,
|
|
reviewCount: "40K+ active users", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/saas-platform-interface-design-case-stud-1772535990746-9b778308.png", imageAlt: "SaaS analytics platform"},
|
|
{
|
|
id: "case-3", brand: "FinTech Innovation", name: "Mobile Banking Application", price: "Adoption: 85%", rating: 5,
|
|
reviewCount: "2.1M+ users", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/mobile-first-fintech-application-case-st-1772535990926-a31d7038.png", imageAlt: "FinTech mobile banking app"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View All Case Studies", href: "/portfolio" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Our Impact & Expertise"
|
|
description="Proven track record delivering enterprise-grade digital solutions that scale businesses and drive measurable results."
|
|
tag="Performance Metrics"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "50+", title: "Enterprise Clients", description: "Trusted by leading organizations globally", icon: Users,
|
|
},
|
|
{
|
|
id: "2", value: "200+", title: "Projects Completed", description: "From concept to successful deployment", icon: CheckCircle,
|
|
},
|
|
{
|
|
id: "3", value: "98%", title: "Client Satisfaction", description: "Consistently exceeding expectations", icon: Star,
|
|
},
|
|
{
|
|
id: "4", value: "10+", title: "Years Experience", description: "Industry-leading expertise and innovation", icon: Award,
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Hear from enterprise leaders who've transformed their digital presence with Korva's integrated solutions."
|
|
tag="Testimonials"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ahmed Hassan", handle: "@ahassan_tech", testimonial: "Korva transformed our entire digital presence. Their integrated approach eliminated vendor silos, reducing costs by 35% while improving performance significantly. Exceptional expertise across web, mobile, and AI systems.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/professional-headshot-of-a-ceo-or-busine-1772535989805-bdffe733.png", imageAlt: "Ahmed Hassan, CEO"},
|
|
{
|
|
id: "2", name: "Leila Al-Mansouri", handle: "@leila_tech", testimonial: "Working with Korva was seamless. Their team understood our enterprise requirements and delivered a SaaS platform that scaled beautifully. The AI automation components exceeded our expectations. Highly recommended for serious digital transformation.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/professional-headshot-of-a-cto-or-tech-l-1772535989613-48786088.png", imageAlt: "Leila Al-Mansouri, CTO"},
|
|
{
|
|
id: "3", name: "Mohammed Al-Rashid", handle: "@mrashid_ops", testimonial: "The multilanguage support and cultural understanding Korva brought to our project was invaluable. They didn't just build software; they built solutions perfectly aligned with our Middle Eastern market needs. True partnership.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/professional-headshot-of-an-operations-m-1772535990163-ab4cf96f.png", imageAlt: "Mohammed Al-Rashid, Operations Manager"},
|
|
{
|
|
id: "4", name: "Fatima Al-Zahra", handle: "@fatima_digital", testimonial: "From strategy to execution, Korva demonstrated mastery across all digital channels. Their AI receptionist system alone has improved our customer service efficiency by 80%. We trust them completely with our digital roadmap.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/professional-headshot-of-a-digital-direc-1772535991587-37e15433.png", imageAlt: "Fatima Al-Zahra, Digital Director"},
|
|
{
|
|
id: "5", name: "Rashid Al-Ketbi", handle: "@rketbi_startup", testimonial: "As a growing startup, we needed a partner who could handle all our digital needs without fragmentation. Korva delivered a complete ecosystem—web, mobile, and automation—that helped us reach product-market fit 40% faster.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/professional-headshot-of-a-startup-found-1772535990555-2703a9bb.png", imageAlt: "Rashid Al-Ketbi, Startup Founder"},
|
|
{
|
|
id: "6", name: "Noor Al-Rashid", handle: "@noor_products", testimonial: "Korva's understanding of both technical excellence and business impact is rare. They didn't just develop our mobile app; they optimized it for conversions. The product analytics and user experience improvements were game-changing.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQrcI01FK1I2qWHIWJIzcpKPpL/professional-headshot-of-a-product-manag-1772535990100-4fa73368.png", imageAlt: "Noor Al-Rashid, Product Manager"},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Let's Connect"
|
|
title="Ready to Transform Your Digital Presence?"
|
|
description="Tell us about your project, challenges, and goals. Our team will respond within 24 hours with a strategic plan tailored to your business needs."
|
|
background={{ variant: "plain" }}
|
|
inputPlaceholder="your@company.com"
|
|
buttonText="Start Your Project"
|
|
termsText="We respect your privacy. Your information will only be used to discuss your project."
|
|
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>
|
|
);
|
|
} |