diff --git a/src/app/page.tsx b/src/app/page.tsx index 578d073..f04abd3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,45 +11,15 @@ import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCar import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; -import { Zap, Sparkles, Users, CheckCircle, Award, DollarSign, Heart, Mail, Rocket, Star, Crown } from "lucide-react"; +import { Zap, Sparkles, Mail, DollarSign, Heart, Users, CheckCircle, Award, Globe, Shield } from "lucide-react"; const HomePage = () => { const navItems = [ - { name: "Home", id: "hero" }, - { name: "Services", id: "services" }, - { name: "Pricing", id: "pricing" }, - { name: "About", id: "about" }, - { name: "Contact", id: "contact" }, - ]; - - const footerColumns = [ - { - title: "Product", - items: [ - { label: "Services", href: "/services" }, - { label: "Pricing", href: "/pricing" }, - { label: "Dashboard", href: "/dashboard" }, - { label: "Documentation", href: "#" }, - ], - }, - { - title: "Company", - items: [ - { label: "About Us", href: "/about" }, - { label: "Blog", href: "#" }, - { label: "Careers", href: "#" }, - { label: "Contact", href: "/contact" }, - ], - }, - { - title: "Support", - items: [ - { label: "Help Center", href: "#" }, - { label: "Status Page", href: "#" }, - { label: "Privacy Policy", href: "#" }, - { label: "Terms of Service", href: "#" }, - ], - }, + { name: "Home", id: "/" }, + { name: "Services", id: "/services" }, + { name: "Pricing", id: "/pricing" }, + { name: "About", id: "/about" }, + { name: "Contact", id: "/contact" }, ]; return ( @@ -80,46 +50,22 @@ const HomePage = () => { tag="Full-Stack IT Platform" tagIcon={Zap} tagAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} leftCarouselItems={[ - { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/a-cutting-edge-software-dashboard-interf-1772694801809-a9c82104.png", - imageAlt: "Advanced project management dashboard", - }, - { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/abstract-representation-of-cloud-computi-1772694801315-09bb2b45.png", - imageAlt: "Cloud infrastructure integration", - }, - { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/digital-security-and-authentication-conc-1772694801699-622e3a08.png", - imageAlt: "Enterprise security solutions", - }, - { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/software-development-process-visualizati-1772694801293-e86af734.png", - imageAlt: "Custom software development", - }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/a-cutting-edge-software-dashboard-interf-1772694801809-a9c82104.png", imageAlt: "Advanced project management dashboard" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/abstract-representation-of-cloud-computi-1772694801315-09bb2b45.png", imageAlt: "Cloud infrastructure integration" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/digital-security-and-authentication-conc-1772694801699-622e3a08.png", imageAlt: "Enterprise security solutions" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/software-development-process-visualizati-1772694801293-e86af734.png", imageAlt: "Custom software development" } ]} rightCarouselItems={[ - { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/a-modern-it-freelancer-workspace-showing-1772694801255-55d3c303.png", - imageAlt: "Modern IT workspace", - }, - { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/modern-invoice-and-billing-management-in-1772694801429-b5703815.png", - imageAlt: "Invoice and billing management", - }, - { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/api-integration-and-third-party-connecti-1772694802192-4a52f11c.png", - imageAlt: "Third-party service integration", - }, - { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/innovation-hub-concept-showing-cutting-e-1772694800893-4320efa1.png", - imageAlt: "Innovation and technology", - }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/a-modern-it-freelancer-workspace-showing-1772694801255-55d3c303.png", imageAlt: "Modern IT workspace" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/modern-invoice-and-billing-management-in-1772694801429-b5703815.png", imageAlt: "Invoice and billing management" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/api-integration-and-third-party-connecti-1772694802192-4a52f11c.png", imageAlt: "Third-party service integration" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/innovation-hub-concept-showing-cutting-e-1772694800893-4320efa1.png", imageAlt: "Innovation and technology" } ]} buttons={[ { text: "Start Free Trial", href: "/login" }, - { text: "Explore Services", href: "/services" }, + { text: "Explore Services", href: "#services" } ]} buttonAnimation="slide-up" carouselPosition="right" @@ -138,44 +84,23 @@ const HomePage = () => { useInvertedBackground={false} features={[ { - id: "development", - label: "Development", - title: "Custom Software Development", - items: [ - "Full-stack web applications", - "Mobile app development", - "AI/ML integration", - "API development and integration", - "Cloud-native architecture", + id: "development", label: "Development", title: "Custom Software Development", items: [ + "Full-stack web applications", "Mobile app development", "AI/ML integration", "API development and integration", "Cloud-native architecture" ], - buttons: [{ text: "Learn More", href: "#" }], + buttons: [{ text: "Learn More", href: "#" }] }, { - id: "consulting", - label: "Consulting", - title: "IT Strategy & Architecture", - items: [ - "Digital transformation", - "Cloud migration planning", - "System architecture design", - "Technology stack selection", - "Performance optimization", + id: "consulting", label: "Consulting", title: "IT Strategy & Architecture", items: [ + "Digital transformation", "Cloud migration planning", "System architecture design", "Technology stack selection", "Performance optimization" ], - buttons: [{ text: "Get Consultation", href: "#" }], + buttons: [{ text: "Get Consultation", href: "#" }] }, { - id: "support", - label: "Support", - title: "24/7 Technical Support", - items: [ - "Round-the-clock monitoring", - "Rapid incident response", - "Proactive maintenance", - "System optimization", - "Dedicated support team", + id: "support", label: "Support", title: "24/7 Technical Support", items: [ + "Round-the-clock monitoring", "Rapid incident response", "Proactive maintenance", "System optimization", "Dedicated support team" ], - buttons: [{ text: "Contact Support", href: "/contact" }], - }, + buttons: [{ text: "Contact Support", href: "#contact" }] + } ]} buttons={[{ text: "View All Services", href: "/services" }]} buttonAnimation="slide-up" @@ -194,41 +119,20 @@ const HomePage = () => { useInvertedBackground={false} features={[ { - id: "authentication", - label: "Auth", - title: "Enterprise Authentication", - items: [ - "Google, Microsoft, Apple login", - "GitHub authentication", - "Facebook SSO", - "Multi-factor authentication", - "Role-based access control", - ], + id: "authentication", label: "Auth", title: "Enterprise Authentication", items: [ + "Google, Microsoft, Apple login", "GitHub authentication", "Facebook SSO", "Multi-factor authentication", "Role-based access control" + ] }, { - id: "databases", - label: "Cloud DB", - title: "Multi-Cloud Database Support", - items: [ - "AWS RDS & DynamoDB", - "Google Cloud Database", - "Nvidia CUDA databases", - "Real-time data sync", - "Automatic backups & recovery", - ], + id: "databases", label: "Cloud DB", title: "Multi-Cloud Database Support", items: [ + "AWS RDS & DynamoDB", "Google Cloud Database", "Nvidia CUDA databases", "Real-time data sync", "Automatic backups & recovery" + ] }, { - id: "invoicing", - label: "Billing", - title: "Smart Invoice & Billing", - items: [ - "Automated invoice generation", - "Multiple payment methods", - "Recurring billing setup", - "Expense categorization", - "Financial reporting tools", - ], - }, + id: "invoicing", label: "Billing", title: "Smart Invoice & Billing", items: [ + "Automated invoice generation", "Multiple payment methods", "Recurring billing setup", "Expense categorization", "Financial reporting tools" + ] + } ]} /> @@ -240,7 +144,7 @@ const HomePage = () => { { icon: Users, label: "Active Clients", value: "2,500+" }, { icon: CheckCircle, label: "Projects Completed", value: "8,000+" }, { icon: Zap, label: "99.9% Uptime", value: "Guaranteed" }, - { icon: Award, label: "Years Experience", value: "12+" }, + { icon: Award, label: "Years Experience", value: "12+" } ]} metricsAnimation="slide-up" useInvertedBackground={false} @@ -259,49 +163,23 @@ const HomePage = () => { useInvertedBackground={false} plans={[ { - id: "starter", - badge: "Perfect for Startups", - badgeIcon: Rocket, - price: "₹29,999/mo", - subtitle: "Essential IT services for growing teams", - features: [ - "Up to 50 hours/month support", - "Basic cloud setup", - "Monthly invoicing", - "Standard response time (4 hours)", - "Email & phone support", - ], + id: "starter", badge: "Perfect for Startups", badgeIcon: Zap, + price: "₹29,999/mo", subtitle: "Essential IT services for growing teams", features: [ + "Up to 50 hours/month support", "Basic cloud setup", "Monthly invoicing", "Standard response time (4 hours)", "Email & phone support" + ] }, { - id: "professional", - badge: "Most Popular", - badgeIcon: Star, - price: "₹74,999/mo", - subtitle: "Comprehensive solutions for established businesses", - features: [ - "Up to 150 hours/month support", - "Advanced cloud architecture", - "Real-time invoicing & reporting", - "Priority response time (1 hour)", - "Dedicated account manager", - "API access & custom integrations", - ], + id: "professional", badge: "Most Popular", badgeIcon: Zap, + price: "₹74,999/mo", subtitle: "Comprehensive solutions for established businesses", features: [ + "Up to 150 hours/month support", "Advanced cloud architecture", "Real-time invoicing & reporting", "Priority response time (1 hour)", "Dedicated account manager", "API access & custom integrations" + ] }, { - id: "enterprise", - badge: "For Large Scale", - badgeIcon: Crown, - price: "Custom", - subtitle: "Enterprise-grade solutions with unlimited support", - features: [ - "Unlimited support hours", - "Multi-cloud management", - "Advanced analytics & insights", - "24/7 emergency response", - "Dedicated team (5+ engineers)", - "Custom SLA agreements", - ], - }, + id: "enterprise", badge: "For Large Scale", badgeIcon: Zap, + price: "Custom", subtitle: "Enterprise-grade solutions with unlimited support", features: [ + "Unlimited support hours", "Multi-cloud management", "Advanced analytics & insights", "24/7 emergency response", "Dedicated team (5+ engineers)", "Custom SLA agreements" + ] + } ]} buttons={[{ text: "Get Started", href: "/login" }]} buttonAnimation="slide-up" @@ -320,54 +198,12 @@ const HomePage = () => { useInvertedBackground={false} gridVariant="uniform-all-items-equal" testimonials={[ - { - id: "1", - name: "Rajesh Kumar", - role: "CTO", - company: "TechVenture Solutions", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-confident-tec-1772694800103-de5f2206.png", - }, - { - id: "2", - name: "Priya Sharma", - role: "Founder & CEO", - company: "CloudFirst Innovations", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-talented-soft-1772694800937-eec62c05.png", - }, - { - id: "3", - name: "Amit Patel", - role: "VP of Operations", - company: "Digital Transform Inc", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-business-lead-1772694800512-cf33a1d4.png", - }, - { - id: "4", - name: "Sneha Gupta", - role: "Product Manager", - company: "NextGen Technologies", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-creative-dire-1772694801042-7d5cedd2.png", - }, - { - id: "5", - name: "Vikram Singh", - role: "Startup Founder", - company: "AI-Powered Solutions", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-startup-found-1772694802042-50ec2c45.png", - }, - { - id: "6", - name: "Deepika Iyer", - role: "Engineering Lead", - company: "CloudScale Systems", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-product-manag-1772694800387-5c916624.png", - }, + { id: "1", name: "Rajesh Kumar", role: "CTO", company: "TechVenture Solutions", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-confident-tec-1772694800103-de5f2206.png" }, + { id: "2", name: "Priya Sharma", role: "Founder & CEO", company: "CloudFirst Innovations", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-talented-soft-1772694800937-eec62c05.png" }, + { id: "3", name: "Amit Patel", role: "VP of Operations", company: "Digital Transform Inc", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-business-lead-1772694800512-cf33a1d4.png" }, + { id: "4", name: "Sneha Gupta", role: "Product Manager", company: "NextGen Technologies", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-creative-dire-1772694801042-7d5cedd2.png" }, + { id: "5", name: "Vikram Singh", role: "Startup Founder", company: "AI-Powered Solutions", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-startup-found-1772694802042-50ec2c45.png" }, + { id: "6", name: "Deepika Iyer", role: "Engineering Lead", company: "CloudScale Systems", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/professional-headshot-of-a-product-manag-1772694800387-5c916624.png" } ]} /> @@ -383,14 +219,7 @@ const HomePage = () => { useInvertedBackground={false} names={["Amazon Web Services", "Google Cloud", "Nvidia", "Docker", "Kubernetes", "GitHub", "Stripe", "Slack"]} logos={[ - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/aws-amazon-web-services-logo-and-brandin-1772694800607-941aaa84.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/google-cloud-platform-logo-and-branding--1772694799718-ddf92439.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/nvidia-logo-and-branding-mark-on-transpa-1772694800580-313adad5.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/docker-logo-and-branding-mark-on-transpa-1772694802178-4674b402.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/kubernetes-logo-and-branding-mark-on-tra-1772694800675-d4ceb4d5.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/github-logo-and-branding-mark-on-transpa-1772694799452-d0e504cc.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/stripe-logo-and-branding-mark-on-transpa-1772694799917-19405731.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/slack-logo-and-branding-mark-on-transpar-1772694800030-7e5b7927.png", + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/aws-amazon-web-services-logo-and-brandin-1772694800607-941aaa84.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/google-cloud-platform-logo-and-branding--1772694799718-ddf92439.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/nvidia-logo-and-branding-mark-on-transpa-1772694800580-313adad5.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/docker-logo-and-branding-mark-on-transpa-1772694802178-4674b402.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/kubernetes-logo-and-branding-mark-on-tra-1772694800675-d4ceb4d5.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/github-logo-and-branding-mark-on-transpa-1772694799452-d0e504cc.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/stripe-logo-and-branding-mark-on-transpa-1772694799917-19405731.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW3s03ndawXW2F0GHJ9VLH0nRz/slack-logo-and-branding-mark-on-transpar-1772694800030-7e5b7927.png" ]} speed={40} showCard={true} @@ -414,7 +243,32 @@ const HomePage = () => {