[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import "@/styles/globals.css" import { Inter } from "next/font/google" import type { Metadata } from "next" import { ThemeProvider } from "@/components/theme-provider" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Madison - Technology Consulting & AI Solutions", description: "Empowering businesses with innovative technology solutions, driving efficiency and growth across various industries.", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]css:file="styles/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 262.1 83.3% 57.8%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 262.1 83.3% 57.8%; --radius: 0.75rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 262.1 83.3% 57.8%; --primary-foreground: 210 40% 98%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 262.1 83.3% 57.8%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" "use client" import { ThemeProvider as NextThemesProvider } from "next-themes" import type { ThemeProviderProps } from "next-themes" export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]css:file="styles/animations.css" @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .animate-scroll { animation: scroll 30s linear infinite; } .animate-scroll:hover { animation-play-state: paused; } .gradient-mask { mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); } [V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { useEffect, useRef, useState } from "react" import { ArrowRight, ChevronDown, ArrowUpRight } from "lucide-react" import Image from "next/image" import Link from "next/link" import { motion, useScroll, useTransform } from "framer-motion" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, } from "@/components/ui/navigation-menu" import "./styles/animations.css" export default function Home() { const [isScrolled, setIsScrolled] = useState(false) const containerRef = useRef(null) const { scrollYProgress } = useScroll({ target: containerRef, offset: ["start start", "end start"], }) const opacity = useTransform(scrollYProgress, [0, 0.5], [1, 0]) const scale = useTransform(scrollYProgress, [0, 0.5], [1, 0.8]) useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 50) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) return (

{/* Navigation */}

Madison Services

Comprehensive AI services from strategy to implementation

Custom Software

Tailored solutions for your business needs

Cloud Solutions

Scalable and secure cloud infrastructure

Case Studies

{/* Hero Section */}

Empowering Business Through Technology We specialize in AI consulting, custom software development, and comprehensive technology solutions

{/* Trusted By Section */}

Trusted by Leading Nigerian Companies

{/* First set of logos */} {[...companies, ...companies].map((company, index) => (

))}

{/* Services Grid */}

Our Services

Comprehensive technology solutions tailored to drive your business forward

{services.map((service, index) => (

{service.title}

{service.description}

{feature}

))}

{/* Industries Section */}

Industries We Serve

Delivering innovative solutions across various sectors

{industries.map((industry, index) => (

{industry.name}

{industry.description}

))}

{/* Case Studies */}

Case Studies

See how we've helped businesses transform with technology

{caseStudies.map((study, index) => (

{study.tags.map((tag) => ( {tag} ))}

{study.title}

{study.description}

))}

{/* Testimonials Section */}

What people say

Discover what our satisfied customers have to say about their experiences with our solutions.

{testimonials.map((testimonial, index) => (

{testimonial.name}

{testimonial.title}

"{testimonial.quote}"

))}

{/* CTA Section */}

Ready to Transform Your Business?

Let's discuss how our technology solutions can help you achieve your business goals

{/* Footer */}

) } const companies = [ { name: "Afrinvest", logo: "/logos/afrinvest.svg" }, { name: "GTBank", logo: "/logos/gtbank.svg" }, { name: "Access Bank", logo: "/logos/access-bank.svg" }, { name: "Dangote", logo: "/logos/dangote.svg" }, { name: "Paystack", logo: "/logos/paystack.svg" }, { name: "PiggyVest", logo: "/logos/piggyvest.svg" }, ] const services = [ { title: "AI Strategy & Consulting", description: "Transform your business with cutting-edge AI solutions tailored to your needs.", features: ["AI Readiness Assessment", "Custom AI Strategy Development", "Implementation Roadmap", "ROI Analysis"], icon: () => ( ), }, { title: "Custom Software Development", description: "Build scalable and efficient software solutions that drive your business forward.", features: ["Web & Mobile Applications", "Enterprise Software", "API Development", "Legacy System Modernization"], icon: () => ( ), }, { title: "Cloud Solutions", description: "Leverage the power of cloud computing for enhanced scalability and performance.", features: ["Cloud Migration", "Infrastructure Optimization", "Cloud Security", "24/7 Monitoring"], icon: () => ( ), }, ] const industries = [ { name: "Financial Services", description: "Empowering banks, fintech, and insurance companies with secure, scalable solutions", icon: () => ( ), }, { name: "Healthcare", description: "Advancing patient care with AI-powered diagnostics and secure health information systems", icon: () => ( ), }, { name: "E-commerce", description: "Building seamless shopping experiences with scalable platforms and smart inventory systems", icon: () => ( ), }, ] const caseStudies = [ { title: "AI-Powered Customer Service Transformation", description: "How we helped a leading Nigerian bank reduce response time by 70% and improve customer satisfaction scores by 35% using AI chatbots.", image: "https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80", tags: ["AI", "Banking", "Customer Service"], }, { title: "Cloud Migration Success Story", description: "Modernizing legacy systems for a major telecommunications provider, resulting in 40% cost reduction and 99.99% uptime.", image: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80", tags: ["Cloud", "Telecom", "Digital Transformation"], }, ] const testimonials = [ { name: "Sarah Johnson", title: "Small Business Owner", quote: "Since integrating this solution into our workflow, we've experienced a significant improvement in efficiency and collaboration.", image: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&auto=format&fit=crop&w=256&q=80", }, { name: "David Patel", title: "Project Manager", quote: "I've tested numerous options in this category, but one stands out for its intuitive design and comprehensive functionality.", image: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-1.2.1&auto=format&fit=crop&w=256&q=80", }, { name: "Emily Carter", title: "Operations Manager", quote: "The tool we've adopted has surpassed our expectations, providing invaluable insights and support as our business continues to grow.", image: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-1.2.1&auto=format&fit=crop&w=256&q80", }, ] [V0_FILE]css:file="app/styles/animations.css" isQuickEdit="true" @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .animate-scroll { animation: scroll 30s linear infinite; } .animate-scroll:hover { animation-play-state: paused; } .gradient-mask { mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent); }