[V0_FILE]typescriptreact:file="app/legal-ai/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/contact/page.tsx" isEdit="true" isMerged="true" import { Navigation } from "@/components/navigation" import { Footer } from "@/components/footer" import { ContactForm } from "@/components/contact-form" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Mail, Clock, User, Heart } from "lucide-react" export default function ContactPage() { return (

{/* Hero Section */}

Contact Us

Get in touch with our team to learn more about our AI solutions, discuss partnerships, or explore how we can help transform your industry.

{/* Personal Touch Section */}

Direct Access to Leadership

All messages are personally received by Founder & CEO Jessie Dylan Rudicil. {" "} Whether you're sharing feedback, reporting issues, or sending positive reviews, Jessie reads every message and may respond personally. We believe in direct communication and value every interaction with our community.

{/* Contact Form and Info */}

{/* Contact Form */}

Send Us a Message

Fill out the form below and we'll get back to you as soon as possible. For urgent matters, please indicate so in your subject line.

{/* Contact Information */}

Get in Touch

Email Direct line to our founder

jessiedylanrudicil22@gmail.com

Response Time We aim to respond quickly

Most messages receive a response within 24-48 hours. Urgent matters are prioritized and may receive same-day responses.

Personal Touch From our team to yours

Jessie personally reviews all communications. Positive feedback brightens our day, and constructive criticism helps us improve. Even Maria L. gets excited when fan mail arrives!

{/* Contact Reasons */}

Why People Contact Us

We love hearing from our community for all kinds of reasons

Partnership Inquiries

Explore collaboration opportunities and strategic partnerships

Career Opportunities

Join our team and help shape the future of AI technology

Feedback & Reviews

Share your thoughts, suggestions, or positive experiences

) } [V0_FILE]typescriptreact:file="components/contact-form.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { useToast } from "@/hooks/use-toast" import { Loader2, Send } from "lucide-react" export function ContactForm() { const [isSubmitting, setIsSubmitting] = useState(false) const { toast } = useToast() async function handleSubmit(formData: FormData) { setIsSubmitting(true) try { const response = await fetch("/api/contact", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ name: formData.get("name"), email: formData.get("email"), subject: formData.get("subject"), message: formData.get("message"), }), }) if (response.ok) { toast({ title: "Message sent successfully!", description: "Jessie will personally review your message and respond soon.", }) // Reset form const form = document.getElementById("contact-form") as HTMLFormElement form?.reset() } else { throw new Error("Failed to send message") } } catch (error) { toast({ title: "Error sending message", description: "Please try again or email us directly at jessiedylanrudicil22@gmail.com", variant: "destructive", }) } finally { setIsSubmitting(false) } } return ( Contact Form Send a message directly to our founder and CEO

Full Name *

Email Address *

Subject *

Message *

</div>

<Button type="submit" className="w-full" disabled={isSubmitting}>
            {isSubmitting ? (
              <>
                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
                               Sending Message...
              </>
            ) : (
              <>
                <Send className="mr-2 h-4 w-4" />
                Send Message
              </>
            )}
          </Button>

<p className="text-sm text-gray-500 text-center">
            * Required fields. Your message will be sent directly to Jessie Dylan Rudicil.
          </p>
        </form>
      </CardContent>
    </Card>
  )
}
[V0_FILE]typescriptreact:file="app/api/contact/route.ts" isMerged="true"
import { type NextRequest, NextResponse } from "next/server"

export async function POST(request: NextRequest) {
  try {
    const { name, email, subject, message } = await request.json()

// Validate required fields
    if (!name || !email || !subject || !message) {
      return NextResponse.json({ error: "All fields are required" }, { status: 400 })
    }

// Validate email format
    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
    if (!emailRegex.test(email)) {
      return NextResponse.json({ error: "Invalid email format" }, { status: 400 })
    }

// In a real application, you would integrate with an email service like:
    // - Resend
    // - SendGrid
    // - Nodemailer with SMTP
    // - AWS SES

// For now, we'll simulate the email sending
    console.log("Contact form submission:", {
      to: "jessiedylanrudicil22@gmail.com",
      from: email,
      name,
      subject,
      message,
      timestamp: new Date().toISOString(),
    })

// Simulate email sending delay
    await new Promise((resolve) => setTimeout(resolve, 1000))

return NextResponse.json({
      success: true,
      message: "Message sent successfully",
    })
  } catch (error) {
    console.error("Contact form error:", error)
    return NextResponse.json({ error: "Internal server error" }, { status: 500 })
  }
}
[V0_FILE]css:file="app/globals.css" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
@import "tailwindcss";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
    font-family: var(--font-sans), Arial, sans-serif;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-serif), "Times New Roman", serif;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    color: oklch(0.85 0.15 350);
  }
  .emo-glow {
    box-shadow: 0 0 20px oklch(0.35 0.2 350), 0 0 40px oklch(0.25 0.15 350);
  }
  .emo-text-glow {
    text-shadow: 0 0 10px oklch(0.45 0.25 350), 0 0 20px oklch(0.35 0.2 350);
  }
  .emo-border {
    border: 2px solid oklch(0.35 0.2 350);
    border-radius: 0.75rem;
  }
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}
[V0_FILE]jpg:file="public/images/jessie-rudicil.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/460321430_535523402209827_2066400183216883386_n.jpg-CT5XlM513QPqDUgT3soXLDKrepeBNv.jpeg" isMerged="true"
[V0_FILE]jpg:file="public/images/maria-lex.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/503275650_719848833777282_2022499045472115003_n.jpg-iR9WdiDeDrzlrkLzubFDkgpoLVq2nU.jpeg" isMerged="true"
[V0_FILE]json:file="tsconfig.json" isMerged="true"
{
  "compilerOptions": {
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "target": "ES2022",
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "jsxImportSource": "react",
    "allowSyntheticDefaultImports": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}
[V0_FILE]javascript:file="next.config.mjs" isMerged="true"
/** @type {import('next').NextConfig} */
const nextConfig = {
  eslint: {
    ignoreDuringBuilds: true,
  },
  typescript: {
    ignoreBuildErrors: true,
  },
  images: {
    unoptimized: true,
  },
  experimental: {
    reactCompiler: false,
  },
  compiler: {
    removeConsole: false,
  }
}

export default nextConfig
[V0_FILE]json:file="postcss.config.mjs" isMoved="true" isMerged="true"
/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: {
    '@tailwindcss/postcss': {},
  },
}

export default config
[V0_FILE]json:file="package.json" isEdit="true" isMerged="true"
{
  "name": "my-v0-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build": "next build",
    "dev": "next dev",
    "lint": "next lint",
    "start": "next start"
  },
  "dependencies": {
    "@hookform/resolvers": "^3.10.0",
    "@radix-ui/react-accordion": "1.2.2",
    "@radix-ui/react-alert-dialog": "1.1.4",
    "@radix-ui/react-aspect-ratio": "1.1.1",
    "@radix-ui/react-avatar": "1.1.2",
    "@radix-ui/react-checkbox": "1.1.3",
    "@radix-ui/react-collapsible": "1.1.2",
    "@radix-ui/react-context-menu": "2.2.4",
    "@radix-ui/react-dialog": "1.1.4",
    "@radix-ui/react-dropdown-menu": "2.1.4",
    "@radix-ui/react-hover-card": "1.1.4",
    "@radix-ui/react-label": "2.1.1",
    "@radix-ui/react-menubar": "1.1.4",
    "@radix-ui/react-navigation-menu": "1.2.3",
    "@radix-ui/react-popover": "1.1.4",
    "@radix-ui/react-progress": "1.1.1",
    "@radix-ui/react-radio-group": "1.2.2",
    "@radix-ui/react-scroll-area": "1.2.2",
    "@radix-ui/react-select": "2.1.4",
    "@radix-ui/react-separator": "1.1.1",
    "@radix-ui/react-slider": "1.2.2",
    "@radix-ui/react-slot": "1.1.1",
    "@radix-ui/react-switch": "1.1.2",
    "@radix-ui/react-tabs": "1.1.2",
    "@radix-ui/react-toast": "1.2.4",
    "@radix-ui/react-toggle": "1.1.1",
    "@radix-ui/react-toggle-group": "1.1.1",
    "@radix-ui/react-tooltip": "1.1.6",
    "autoprefixer": "^10.4.20",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "cmdk": "1.0.4",
    "date-fns": "4.1.0",
    "embla-carousel-react": "8.5.1",
    "geist": "^1.3.1",
    "input-otp": "1.4.1",
    "lucide-react": "^0.454.0",
    "next": "15.2.8",
    "next-themes": "^0.4.6",
    "react": "19.1.1",
    "react-day-picker": "9.8.0",
    "react-dom": "19.1.1",
    "react-hook-form": "^7.60.0",
    "react-resizable-panels": "^2.1.7",
    "recharts": "2.15.4",
    "sonner": "^1.7.4",
    "tailwind-merge": "^2.5.5",
    "tailwindcss-animate": "^1.0.7",
    "vaul": "^0.9.9",
    "zod": "3.25.67"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4.1.9",
    "@types/node": "^22",
    "@types/react": "19.1.1",
    "@types/react-dom": "19.1.1",
    "postcss": "^8.5",
    "tailwindcss": "^4.1.9",
    "tw-animate-css": "1.3.3",
    "typescript": "^5"
  }
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
import type React from "react"
import type { Metadata } from "next"
import { Inter, Crimson_Text } from "next/font/google"
import "./globals.css"

const inter = Inter({
  subsets: ["latin"],
  display: "swap",
  variable: "--font-inter",
})

const crimsonText = Crimson_Text({
  weight: ["400", "600", "700"],
  subsets: ["latin"],
  display: "swap",
  variable: "--font-crimson",
})

export const metadata: Metadata = {
  title: "RudicilAI - Pioneering the Future of Artificial Intelligence",
  description:
    "Leading innovation in AI across medical, legal, and wireless technology sectors. Discover our cutting-edge solutions and meet our team.",
  generator: "v0.dev",
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" className="dark">
      <head>
        <style>{`
html {
  font-family: ${inter.style.fontFamily};
  --font-sans: ${inter.variable};
  --font-serif: ${crimsonText.variable};
}
        `}</style>
      </head>
      <body className={`${inter.variable} ${crimsonText.variable} antialiased`}>
        {children}
        {/* v0 – built-with badge */}
        <div
          dangerouslySetInnerHTML={{
            __html: `<div id="v0-built-with-button-aa393bd1-1c57-4eff-8359-637abd36cf41" style="
border: 1px solid hsl(0deg 0% 100% / 12%);
position: fixed;
bottom: 24px;
right: 24px;
z-index: 1000;
background: #121212;
color: white;
padding: 8px 12px;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
letter-spacing: 0.02em;
transition: all 0.2s;
display: flex;
align-items: center;
gap: 4px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
">
<a
  href="https://v0.app/chat/api/open/built-with-v0/b_LcE51Wief14"
  target="_blank"
  rel="noopener noreferrer"
  style="
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
  "
>
  Built with
  <svg
    fill="currentColor"
    viewBox="0 0 147 70"
    xmlns="http://www.w3.org/2000/svg"
    style="width: 20px; height: 20px;"
      >
    <path d="M56 50.2031V14H70V60.1562C70 65.5928 65.5928 70 60.1562 70C57.5605 70 54.9982 68.9992 53.1562 67.1573L0 14H19.7969L56 50.2031Z" />
    <path d="M147 56H133V23.9531L100.953 56H133V70H96.6875C85.8144 70 77 61.1856 77 50.3125V14H91V46.1562L123.156 14H91V0H127.312C138.186 0 147 8.81439 147 19.6875V56Z" />
  </svg>
</a>

<span style="
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
">
  v0
</span>
</div>`,
          }}
        />
      </body>
    </html>
  )
}
[V0_FILE]typescriptreact:file="app/sitemap/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import Link from "next/link"
import { ExternalLink, Users, Heart, Phone, Building2, Stethoscope, Scale, Radio } from "lucide-react"

export default function SitemapPage() {
  const siteStructure = [
    {
      title: "Homepage",
      href: "/",
      icon: Building2,
      description: "Main landing page showcasing Rudicil AI and all divisions",
      children: [],
    },
    {
      title: "Our Divisions",
      href: "#",
      icon: Building2,
      description: "Specialized AI laboratories and technology divisions",
      children: [
        {
          title: "Lex Medical AI Lab",
          href: "/medical-ai",
          icon: Stethoscope,
          description: "Revolutionary AI-powered healthcare solutions and diagnostics",
        },
        {
          title: "Lex Legal AI Lab",
          href: "/legal-ai",
          icon: Scale,
          description: "Advanced AI tools for legal research and case analysis",
        },
        {
          title: "NexMind OptimAI Division",
          href: "/rudicil-wireless",
          icon: Radio,
          description: "Cutting-edge wireless technology and communication solutions",
        },
      ],
    },
    {
      title: "Company Information",
      href: "#",
      icon: Users,
      description: "Learn about our leadership, values, and commitments",
      children: [
        {
          title: "About Founder",
          href: "/about-founder",
          icon: Users,
          description: "Meet CEO Jessie Dylan Rudicil and Chief Morale Officer Maria L.",
        },
        {
          title: "Social Responsibility",
          href: "/social-responsibility",
          icon: Heart,
          description: "Our commitment to community empowerment and social impact",
        },
      ],
    },
    {
      title: "Contact & Support",
      href: "#",
      icon: Phone,
      description: "Get in touch with our team",
      children: [
        {
          title: "Contact Us",
          href: "/contact",
          icon: Phone,
          description: "Send a message directly to our founder and CEO",
        },
        {
          title: "Sitemap",
          href: "/sitemap",
          icon: ExternalLink,
          description: "Complete website structure and navigation guide",
        },
      ],
    },
  ]

return (
    <div className="min-h-screen bg-black text-white">
      <Navigation />

<main className="pt-20">
        {/* Hero Section */}
        <section className="py-20 px-4 sm:px-6 lg:px-8">
          <div className="max-w-4xl mx-auto text-center">
            <div className="w-20 h-20 bg-gradient-to-br from-purple-600 to-red-600 rounded-2xl flex items-center justify-center mx-auto mb-6 emo-glow">
              <ExternalLink className="h-10 w-10 text-white" />
            </div>
            <h1 className="text-4xl md:text-6xl font-bold mb-6 text-purple-400 emo-text-glow font-serif">
              Website Sitemap
            </h1>
            <p className="text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed">
              Navigate our complete website structure. This sitemap helps both search engines and users understand the
              organization and relationships between all pages on our site.
            </p>
          </div>
        </section>

{/* Sitemap Structure */}
        <section className="py-16 px-4 sm:px-6 lg:px-8">
          <div className="max-w-6xl mx-auto">
            <div className="space-y-12">
              {siteStructure.map((section, index) => (
                <div key={index} className="bg-gray-900 rounded-2xl p-8 border-2 border-purple-900 emo-glow">
                  <div className="flex items-start space-x-4 mb-6">
                    <div className="w-12 h-12 bg-gradient-to-br from-purple-600 to-red-600 rounded-xl flex items-center justify-center emo-glow flex-shrink-0">
                      <section.icon className="h-6 w-6 text-white" />
                    </div>
                    <div className="flex-1">
                      {section.href === "#" ? (
                        <h2 className="text-2xl font-bold text-purple-400 emo-text-glow font-serif mb-2">
                          {section.title}
                        </h2>
                      ) : (
                        <Link
                          href={section.href}
                          className="text-2xl font-bold text-purple-400 emo-text-glow font-serif mb-2 hover:text-red-400 transition-colors inline-block"
                        >
                          {section.title}
                        </Link>
                      )}
                      <p className="text-gray-400 text-lg">{section.description}</p>
                    </div>
                  </div>

{section.children.length > 0 && (
                    <div className="ml-16 space-y-4">
                      {section.children.map((child, childIndex) => (
                        <div
                          key={childIndex}
                          className="flex items-start space-x-4 p-4 bg-black rounded-xl border border-purple-800"
                        >
                          <div className="w-8 h-8 bg-gradient-to-br from-red-600 to-purple-600 rounded-lg flex items-center justify-center emo-glow flex-shrink-0">
                            <child.icon className="h-4 w-4 text-white" />
                          </div>
                          <div className="flex-1">
                            <Link
                              href={child.href}
                              className="text-lg font-semibold text-red-400 emo-text-glow hover:text-purple-400 transition-colors"
                            >
                              {child.title}
                            </Link>
                            <p className="text-gray-500 text-sm mt-1">{child.description}</p>
                          </div>
                        </div>
                      ))}
                    </div>
                  )}
                </div>
              ))}
            </div>
          </div>
        </section>

{/* SEO Information */}
        <section className="py-16 px-4 sm:px-6 lg:px-8 bg-gray-950">
          <div className="max-w-4xl mx-auto text-center">
            <h2 className="text-3xl font-bold mb-6 text-purple-400 emo-text-glow font-serif">
              For Search Engines & Users
            </h2>
            <div className="grid md:grid-cols-2 gap-8">
              <div className="bg-black rounded-xl p-6 border border-purple-800">
                <h3 className="text-xl font-semibold text-red-400 emo-text-glow mb-4">Search Engine Benefits</h3>
                <ul className="text-gray-400 space-y-2 text-left">
                  <li>• Efficient crawling and indexing</li>
                  <li>• Clear site structure understanding</li>
                  <li>• Improved SEO performance</li>
                  <li>• Better content discovery</li>
                </ul>
              </div>
              <div className="bg-black rounded-xl p-6 border border-purple-800">
                <h3 className="text-xl font-semibold text-red-400 emo-text-glow mb-4">User Benefits</h3>
                <ul className="text-gray-400 space-y-2 text-left">
                  <li>• Easy site navigation</li>
                  <li>• Quick page discovery</li>
                  <li>• Clear content organization</li>
                  <li>• Improved user experience</li>
                </ul>
              </div>
            </div>
          </div>
        </section>
      </main>

<Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/medical-ai/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import Link from "next/link"
import { Brain, Stethoscope, Activity, Users, Target, Award } from "lucide-react"

export default function MedicalAIPage() {
  return (
    <div className="min-h-screen bg-black">
      <Navigation />

{/* Hero Section */}
      <section className="bg-gradient-to-br from-gray-900 via-red-900 to-black py-20 emo-glow">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center">
            <div className="w-20 h-20 bg-red-600 rounded-2xl flex items-center justify-center mx-auto mb-6 emo-glow">
              <Brain className="h-10 w-10 text-white" />
            </div>
            <h1 className="text-4xl md:text-6xl font-bold text-white mb-6 emo-text-glow">Lex Medical AI</h1>
            <p className="text-xl text-gray-300 mb-8 max-w-3xl mx-auto">
              Revolutionizing healthcare through advanced artificial intelligence, improving patient outcomes and
              transforming medical diagnostics with cutting-edge machine learning solutions.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <Button
                size="lg"
                variant="outline"
                asChild
                className="border-red-600 text-red-400 hover:bg-red-900 bg-transparent"
              >
                <Link href="/contact">Contact Our Team</Link>
              </Button>
            </div>
          </div>
        </div>
      </section>

{/* Mission Section */}
      <section className="py-20 bg-black">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            <div>
              <h2 className="text-3xl md:text-4xl font-bold text-white mb-6 emo-text-glow">Our Mission</h2>
              <p className="text-lg text-gray-300 mb-6">
                Lex Medical AI is focused on the research and development of medical AI software systems for
                diagnostics, healthcare data management, and clinical intelligence. We're building tools that empower
                medical professionals through advanced automation, accuracy, and accessibility.
              </p>
              <p className="text-lg text-gray-300">
                We believe that everyone deserves access to the best healthcare supported by cutting-edge AI technology.
              </p>
            </div>
            <div className="bg-gray-800 p-8 rounded-2xl emo-border">
              <h3 className="text-2xl font-bold text-white mb-4">Our Approach</h3>
              <ul className="space-y-3">
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-red-600 rounded-full"></div>
                  <span className="text-gray-300">Advanced Diagnostics AI</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-red-600 rounded-full"></div>
                  <span className="text-gray-300">Healthcare Data Management</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-red-600 rounded-full"></div>
                  <span className="text-gray-300">Clinical Intelligence Systems</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-red-600 rounded-full"></div>
                  <span className="text-gray-300">AI Symptom Checking (100% Accurate)</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-red-600 rounded-full"></div>
                  <span className="text-gray-300">Medical Professional Support Tools</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>

{/* Solutions Section */}
      <section className="bg-gray-900 py-20">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">Our Solutions</h2>
            <p className="text-xl text-gray-300 max-w-2xl mx-auto">
              Cutting-edge AI technologies designed to transform healthcare delivery and outcomes
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            <Card className="bg-gray-800 border-red-600 emo-border hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="w-12 h-12 bg-red-900 rounded-lg flex items-center justify-center mb-4">
                  <Stethoscope className="h-6 w-6 text-red-400" />
                </div>
                <CardTitle className="text-white">Diagnostic AI</CardTitle>
                <CardDescription className="text-gray-400">
                  Advanced machine learning for medical imaging analysis
                </CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  AI-powered diagnostic tools that assist radiologists and clinicians in detecting diseases earlier and
                  more accurately than traditional methods.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-800 border-red-600 emo-border hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="w-12 h-12 bg-purple-900 rounded-lg flex items-center justify-center mb-4">
                  <Activity className="h-6 w-6 text-purple-400" />
                </div>
                <CardTitle className="text-white">Predictive Analytics</CardTitle>
                <CardDescription className="text-gray-400">
                  Forecasting patient outcomes and health risks
                </CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Machine learning models that analyze patient data to predict health risks, treatment responses, and
                  potential complications before they occur.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-800 border-red-600 emo-border hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="w-12 h-12 bg-red-900 rounded-lg flex items-center justify-center mb-4">
                  <Users className="h-6 w-6 text-red-400" />
                </div>
                <CardTitle className="text-white">Personalized Medicine</CardTitle>
                <CardDescription className="text-gray-400">
                  Tailored treatment recommendations for individual patients
                </CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  AI systems that analyze genetic, clinical, and lifestyle data to recommend personalized treatment
                  plans optimized for each patient's unique profile.
                </p>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Impact Section */}
      <section className="py-20 bg-black">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">Making an Impact</h2>
            <p className="text-xl text-gray-300 max-w-2xl mx-auto">
              Our commitment to advancing healthcare through responsible AI innovation
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div className="text-center">
              <div className="w-16 h-16 bg-red-900 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Target className="h-8 w-8 text-red-400" />
              </div>
              <h3 className="text-2xl font-bold text-white mb-2">Precision</h3>
              <p className="text-gray-300">
                Developing AI models with unprecedented accuracy in medical diagnosis and treatment prediction
              </p>
            </div>

<div className="text-center">
              <div className="w-16 h-16 bg-purple-900 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Users className="h-8 w-8 text-purple-400" />
              </div>
              <h3 className="text-2xl font-bold text-white mb-2">Accessibility</h3>
              <p className="text-gray-300">
                Making advanced medical AI tools accessible to healthcare providers worldwide
              </p>
            </div>

<div className="text-center">
              <div className="w-16 h-16 bg-red-900 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Award className="h-8 w-8 text-red-400" />
              </div>
              <h3 className="text-2xl font-bold text-white mb-2">Excellence</h3>
              <p className="text-gray-300">
                Maintaining the highest standards of research integrity and clinical validation
              </p>
            </div>
          </div>
        </div>
      </section>

<Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/legal-ai/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import Link from "next/link"
import { Scale, FileText, Search, Gavel, Shield, Zap } from "lucide-react"

export default function LegalAIPage() {
  return (
    <div className="min-h-screen bg-black">
      <Navigation />

{/* Hero Section */}
      <section className="bg-gradient-to-br from-gray-900 via-purple-900 to-black py-20 emo-glow">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center">
            <div className="w-20 h-20 bg-purple-600 rounded-2xl flex items-center justify-center mx-auto mb-6 emo-glow">
              <Scale className="h-10 w-10 text-white" />
            </div>
            <h1 className="text-4xl md:text-6xl font-bold text-white mb-6 emo-text-glow">Lex Legal AI</h1>
            <p className="text-xl text-gray-300 mb-8 max-w-3xl mx-auto">
              Transforming the legal industry through intelligent automation, advanced analytics, and AI-powered tools
              that enhance legal research, document analysis, and case management.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <Button
                size="lg"
                variant="outline"
                asChild
                className="border-purple-600 text-purple-400 hover:bg-purple-900 bg-transparent"
              >
                <Link href="/contact">Contact Our Team</Link>
              </Button>
            </div>
          </div>
        </div>
      </section>

{/* Mission Section */}
      <section className="py-20 bg-black">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            <div>
              <h2 className="text-3xl md:text-4xl font-bold text-white mb-6 emo-text-glow">Our Mission</h2>
              <p className="text-lg text-gray-300 mb-6">
                Lex Legal AI is developing legal AI solutions that revolutionize how law firms and courts handle
                documentation, compliance, and case intelligence. We blend precision with interpretive reasoning, paving
                the way for the future of AI-assisted legal practice.
              </p>
              <p className="text-lg text-gray-300">
                Our goal is to democratize access to high-quality legal analysis and make legal services more accessible
                and effective for everyone.
              </p>
            </div>
            <div className="bg-gray-800 p-8 rounded-2xl emo-border">
              <h3 className="text-2xl font-bold text-white mb-4">Core Capabilities</h3>
              <ul className="space-y-3">
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">Legal Research & Documentation</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">Compliance Analysis</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">Case Intelligence Systems</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">Contract Review & Analysis</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">Interpretive Reasoning</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>

{/* Solutions Section */}
      <section className="bg-gray-900 py-20">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">Our Solutions</h2>
            <p className="text-xl text-gray-300 max-w-2xl mx-auto">
              AI-powered tools designed to enhance every aspect of legal practice
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            <Card className="bg-gray-800 border-purple-600 emo-border hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="w-12 h-12 bg-purple-900 rounded-lg flex items-center justify-center mb-4">
                  <Search className="h-6 w-6 text-purple-400" />
                </div>
                <CardTitle className="text-white">Legal Research AI</CardTitle>
                <CardDescription className="text-gray-400">Intelligent case law and statute analysis</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Advanced natural language processing to quickly find relevant cases, statutes, and legal precedents
                  with unprecedented accuracy and speed.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-800 border-purple-600 emo-border hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="w-12 h-12 bg-red-900 rounded-lg flex items-center justify-center mb-4">
                  <FileText className="h-6 w-6 text-red-400" />
                </div>
                <CardTitle className="text-white">Contract Intelligence</CardTitle>
                <CardDescription className="text-gray-400">
                  Automated contract review and risk assessment
                </CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  AI-powered contract analysis that identifies key terms, potential risks, and compliance issues while
                  suggesting improvements and alternatives.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-800 border-purple-600 emo-border hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="w-12 h-12 bg-purple-900 rounded-lg flex items-center justify-center mb-4">
                  <Gavel className="h-6 w-6 text-purple-400" />
                </div>
                <CardTitle className="text-white">Predictive Analytics</CardTitle>
                <CardDescription className="text-gray-400">Case outcome and strategy optimization</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Machine learning models that analyze historical case data to predict outcomes and recommend optimal
                  legal strategies for better client results.
                </p>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Impact Section */}
      <section className="py-20 bg-black">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">
              Transforming Legal Practice
            </h2>
            <p className="text-xl text-gray-300 max-w-2xl mx-auto">
              Our commitment to enhancing legal efficiency while maintaining the highest ethical standards
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div className="text-center">
              <div className="w-16 h-16 bg-purple-900 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Zap className="h-8 w-8 text-purple-400" />
              </div>
              <h3 className="text-2xl font-bold text-white mb-2">Efficiency</h3>
              <p className="text-gray-300">
                Reducing time spent on routine tasks by up to 80% while improving accuracy and consistency
              </p>
            </div>

<div className="text-center">
              <div className="w-16 h-16 bg-red-900 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Shield className="h-8 w-8 text-red-400" />
              </div>
              <h3 className="text-2xl font-bold text-white mb-2">Reliability</h3>
              <p className="text-gray-300">
                Ensuring consistent, high-quality legal analysis backed by comprehensive data validation
              </p>
            </div>

<div className="text-center">
              <div className="w-16 h-16 bg-purple-900 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Scale className="h-8 w-8 text-purple-400" />
              </div>
              <h3 className="text-2xl font-bold text-white mb-2">Justice</h3>
              <p className="text-gray-300">
                Making quality legal services more accessible and affordable for individuals and businesses
              </p>
            </div>
          </div>
        </div>
      </section>

<Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/rudicil-wireless/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import Link from "next/link"
import { Radio, Wifi, Smartphone, Satellite, Network, Zap } from "lucide-react"

export default function RudicilWirelessPage() {
  return (
    <div className="min-h-screen bg-black">
      <Navigation />

{/* Hero Section */}
      <section className="bg-gradient-to-br from-gray-900 via-purple-900 to-black py-20 emo-glow">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center">
            <div className="w-20 h-20 bg-purple-600 rounded-2xl flex items-center justify-center mx-auto mb-6 emo-glow">
              <Radio className="h-10 w-10 text-white" />
            </div>
            <h1 className="text-4xl md:text-6xl font-bold text-white mb-6 emo-text-glow">NexMind OptimAI Division</h1>
            <p className="text-xl text-gray-300 mb-8 max-w-3xl mx-auto">
              Pioneering the future of wireless communication through AI-optimized networks, intelligent connectivity
              solutions, and next-generation wireless technologies that connect the world seamlessly.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <Button
                size="lg"
                variant="outline"
                asChild
                className="border-purple-600 text-purple-400 hover:bg-purple-900 bg-transparent"
              >
                <Link href="/contact">Contact Our Team</Link>
              </Button>
            </div>
          </div>
        </div>
      </section>

{/* Mission Section */}
      <section className="py-20 bg-black">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            <div>
              <h2 className="text-3xl md:text-4xl font-bold text-white mb-6 emo-text-glow">Our Mission</h2>
              <p className="text-lg text-gray-300 mb-6">
                NexMind OptimAI is the core R&D hub of RudicilAI, driving the next generation of cellular network
                technologies and AI infrastructure. We focus on designing and optimizing AI-integrated MNO (Mobile
                Network Operator) and MVNO (Mobile Virtual Network Operator) systems, building the frameworks that power
                autonomous communication networks.
              </p>
              <p className="text-lg text-gray-300">
                This division also leads our long-term research into AGI (Artificial General Intelligence) — the
                architecture of intelligent systems capable of learning, adapting, and evolving beyond narrow
                specialization.
              </p>
            </div>
            <div className="bg-gray-800 p-8 rounded-2xl emo-border">
              <h3 className="text-2xl font-bold text-white mb-4">Technology Focus</h3>
              <ul className="space-y-3">
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">AI-Integrated Network Systems</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">MNO/MVNO Optimization</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">Autonomous Communication Networks</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">AGI Research & Development</span>
                </li>
                <li className="flex items-center space-x-3">
                  <div className="w-2 h-2 bg-purple-600 rounded-full"></div>
                  <span className="text-gray-300">Next-Generation Infrastructure</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>

{/* Solutions Section */}
      <section className="bg-gray-900 py-20">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">Our Solutions</h2>
            <p className="text-xl text-gray-300 max-w-2xl mx-auto">
              Cutting-edge wireless technologies powered by artificial intelligence
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            <Card className="bg-gray-800 border-purple-600 emo-border hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="w-12 h-12 bg-purple-900 rounded-lg flex items-center justify-center mb-4">
                  <Network className="h-6 w-6 text-purple-400" />
                </div>
                <CardTitle className="text-white">Smart Network Optimization</CardTitle>
                <CardDescription className="text-gray-400">AI-driven network performance enhancement</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Machine learning algorithms that continuously optimize network performance, predict traffic patterns,
                  and automatically adjust resources for optimal connectivity.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-800 border-purple-600 emo-border hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="w-12 h-12 bg-red-900 rounded-lg flex items-center justify-center mb-4">
                  <Wifi className="h-6 w-6 text-red-400" />
                </div>
                <CardTitle className="text-white">Intelligent Connectivity</CardTitle>
                <CardDescription className="text-gray-400">Seamless device-to-device communication</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Advanced protocols and AI systems that enable intelligent device connectivity, automatic network
                  selection, and seamless handoffs between different network types.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-800 border-purple-600 emo-border hover:shadow-lg transition-shadow">
              <CardHeader>
                <div className="w-12 h-12 bg-purple-900 rounded-lg flex items-center justify-center mb-4">
                  <Satellite className="h-6 w-6 text-purple-400" />
                </div>
                <CardTitle className="text-white">Next-Gen Infrastructure</CardTitle>
                <CardDescription className="text-gray-400">Future-ready wireless communication systems</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Developing 6G technologies, satellite integration, and edge computing solutions that will power the
                  next generation of wireless communication networks.
                </p>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Innovation Section */}
      <section className="py-20 bg-black">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">Driving Innovation</h2>
            <p className="text-xl text-gray-300 max-w-2xl mx-auto">
              Leading the wireless industry with breakthrough technologies and intelligent solutions
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div className="text-center">
              <div className="w-16 h-16 bg-purple-900 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Zap className="h-8 w-8 text-purple-400" />
              </div>
              <h3 className="text-2xl font-bold text-white mb-2">Performance</h3>
              <p className="text-gray-300">
                Delivering ultra-low latency, high-speed connectivity that exceeds current industry standards
              </p>
            </div>

<div className="text-center">
              <div className="w-16 h-16 bg-red-900 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Smartphone className="h-8 w-8 text-red-400" />
              </div>
              <h3 className="text-2xl font-bold text-white mb-2">Scalability</h3>
              <p className="text-gray-300">
                Building networks that seamlessly scale from IoT devices to high-bandwidth applications
              </p>
            </div>

<div className="text-center">
              <div className="w-16 h-16 bg-purple-900 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Network className="h-8 w-8 text-purple-400" />
              </div>
              <h3 className="text-2xl font-bold text-white mb-2">Reliability</h3>
              <p className="text-gray-300">
                Ensuring 99.99% uptime with self-healing networks and predictive maintenance systems
              </p>
            </div>
          </div>
        </div>
      </section>

<Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/social-responsibility/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true"
import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import Link from "next/link"
import { Heart, GraduationCap, Users, Shield } from "lucide-react"

export default function SocialResponsibilityPage() {
  return (
    <div className="min-h-screen bg-black">
      <Navigation />

{/* Hero Section */}
      <section className="bg-gradient-to-br from-purple-900 to-red-900 py-20">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center">
            <div className="w-20 h-20 bg-green-600 rounded-2xl flex items-center justify-center mx-auto mb-6">
              <Heart className="h-10 w-10 text-white" />
            </div>
            <h1 className="text-4xl md:text-6xl font-bold text-white mb-6 font-serif glow-text">
              Our Commitment to Social Responsibility
            </h1>
            <p className="text-xl text-purple-200 mb-8 max-w-4xl mx-auto leading-relaxed">
              At RudicilAI, we believe that true success is measured by the positive impact we make on our community.
              Our social responsibility initiatives are built into the core of our business model, reflecting our
              commitment to using technology for good and giving back to those we serve.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <Button
                size="lg"
                className="bg-purple-600 hover:bg-purple-700 text-white border-purple-400 glow-button"
                asChild
              >
                <Link href="/contact">Get Involved</Link>
              </Button>
              <Button
                size="lg"
                variant="outline"
                className="border-red-500 text-red-400 hover:bg-red-900/20 bg-transparent"
                asChild
              >
                <Link href="/about-founder">Our Leadership</Link>
              </Button>
            </div>
          </div>
        </div>
      </section>

{/* Community Empowerment Section */}
      <section className="py-20 bg-gradient-to-b from-black to-gray-900">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-6 font-serif glow-text">
              RudicilAI Foundation LLC Initiatives
            </h2>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
            <Card className="bg-gray-900 border-red-500 hover:border-red-400 transition-all hover:shadow-lg hover:shadow-red-500/20">
              <CardHeader>
                <div className="w-12 h-12 bg-red-900 rounded-lg flex items-center justify-center mb-4">
                  <Heart className="h-6 w-6 text-red-400" />
                </div>
                <CardTitle className="text-white font-serif">Lifeline Program & Homeless Outreach</CardTitle>
                <CardDescription className="text-gray-400">Essential aid and digital access</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Providing essential aid, access to digital tools, and inclusive programs for individuals experiencing
                  homelessness and hardship. Through our NexMind OptimAI division, we offer free wireless service to
                  eligible low-income individuals and families.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-900 border-purple-500 hover:border-purple-400 transition-all hover:shadow-lg hover:shadow-purple-500/20">
              <CardHeader>
                <div className="w-12 h-12 bg-purple-900 rounded-lg flex items-center justify-center mb-4">
                  <GraduationCap className="h-6 w-6 text-purple-400" />
                </div>
                <CardTitle className="text-white font-serif">Scholarship Fund</CardTitle>
                <CardDescription className="text-gray-400">Supporting future innovators</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Supporting students pursuing studies in AI, healthcare, ethics, and technology innovation,
                  particularly those from underrepresented backgrounds.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-900 border-green-500 hover:border-green-400 transition-all hover:shadow-lg hover:shadow-green-500/20">
              <CardHeader>
                <div className="w-12 h-12 bg-green-900 rounded-lg flex items-center justify-center mb-4">
                  <Users className="h-6 w-6 text-green-400" />
                </div>
                <CardTitle className="text-white font-serif">Community Give Back Days</CardTitle>
                <CardDescription className="text-gray-400">Volunteer-driven community impact</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Volunteer-driven initiatives that connect RudicilAI teams with communities through mentorship,
                  service, and impact events.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-900 border-blue-500 hover:border-blue-400 transition-all hover:shadow-lg hover:shadow-blue-500/20">
              <CardHeader>
                <div className="w-12 h-12 bg-blue-900 rounded-lg flex items-center justify-center mb-4">
                  <Shield className="h-6 w-6 text-blue-400" />
                </div>
                <CardTitle className="text-white font-serif">Employee Well-being Program</CardTitle>
                <CardDescription className="text-gray-400">Comprehensive health & wellness support</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  A comprehensive initiative supporting physical health, mental health, personal growth, and balanced
                  work-life culture within RudicilAI and beyond. Inspired by lived experience and guided by empathy.
                </p>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Employee Well-being Section */}
      <section className="py-20 bg-gradient-to-b from-gray-900 to-purple-900">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-6 font-serif glow-text">Employee Well-being</h2>
          </div>

<div className="max-w-4xl mx-auto">
            <Card className="bg-gray-900 border-purple-500 hover:border-purple-400 transition-all hover:shadow-lg hover:shadow-purple-500/20">
              <CardHeader>
                <div className="w-12 h-12 bg-purple-900 rounded-lg flex items-center justify-center mb-4 mx-auto">
                  <Shield className="h-6 w-6 text-purple-400" />
                </div>
                <CardTitle className="text-white font-serif text-center text-2xl">
                  Comprehensive Healthcare Support
                </CardTitle>
                <CardDescription className="text-gray-400 text-center">A healthy team is a strong team</CardDescription>
              </CardHeader>
              <CardContent className="text-center">
                <p className="text-gray-300 text-lg">
                  We believe that a healthy team is a strong team. That's why we provide our employees with free mental
                  and physical healthcare, ensuring they have the support they need to thrive both in and out of the
                  workplace.
                </p>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Get Involved CTA */}
      <section className="bg-gradient-to-r from-purple-600 to-red-600 py-16">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
          <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 font-serif glow-text">Join Our Mission</h2>
          <p className="text-xl text-purple-100 mb-8 max-w-2xl mx-auto">
            Partner with us to create positive change through responsible innovation. Together, we can build a better
            future for everyone.
          </p>
          <Button
            size="lg"
            className="bg-black hover:bg-gray-900 text-purple-400 border-purple-400 glow-button"
            asChild
          >
            <Link href="/contact">Contact Us</Link>
          </Button>
        </div>
      </section>

<Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/about/page.tsx" isMoved="true" isMovedFrom="app/about-founder/page.tsx" isEdit="true" isMerged="true"
import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import Link from "next/link"
import { User, Heart, Award, Briefcase, GraduationCap, Coffee, Zap, Shield, Users } from "lucide-react"

export default function AboutFounderPage() {
  return (
    <div className="min-h-screen bg-black">
      <Navigation />

{/* Hero Section */}
      <section className="bg-gradient-to-br from-black via-purple-900/30 to-red-900/30 py-20">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center">
            <div className="w-20 h-20 bg-purple-600 rounded-2xl flex items-center justify-center mx-auto mb-6 emo-glow shadow-lg shadow-purple-500/50">
              <User className="h-10 w-10 text-white" />
            </div>
            <h1 className="text-4xl md:text-6xl font-bold text-white mb-6 emo-text-glow">
              About J. Dylan Rudicil Applied AI Inc.
            </h1>
            <p className="text-xl text-gray-200 mb-8 max-w-3xl mx-auto">
              A multidisciplinary innovation group advancing artificial intelligence, applied research, and responsible
              technology development.
            </p>
          </div>
        </div>
      </section>

{/* Company Mission Section */}
      <section className="py-20 bg-black">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">Our Mission</h2>
            <p className="text-xl text-gray-300 max-w-3xl mx-auto">
              Design intelligent systems that serve humanity — building bridges between automation, compassion, and
              meaningful progress.
            </p>
          </div>

<div className="max-w-4xl mx-auto">
            <div className="bg-gray-900 p-8 rounded-xl mb-8 border border-purple-500/50 emo-glow">
              <h3 className="text-2xl font-bold text-white mb-4">Our Structure</h3>
              <p className="text-gray-200 leading-relaxed mb-4">
                J. Dylan Rudicil Applied AI Inc. operates through two integrated entities:
              </p>
              <ul className="space-y-3 text-gray-300">
                <li className="flex items-start space-x-3">
                  <span className="text-purple-400 font-bold">•</span>
                  <span>
                    <strong>RudicilAI LLC</strong> - Our applied AI and R&D company developing cutting-edge AI solutions
                  </span>
                </li>
                <li className="flex items-start space-x-3">
                  <span className="text-red-400 font-bold">•</span>
                  <span>
                    <strong>RudicilAI Foundation LLC</strong> - Our social impact and community division dedicated to
                    ethical advancement
                  </span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>

{/* RudicilAI LLC Section */}
      <section className="py-20 bg-gray-900">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">RudicilAI LLC</h2>
            <p className="text-xl text-gray-300 max-w-2xl mx-auto">
              Developing next-generation AI solutions across medicine, law, and network systems
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            <Card className="bg-black border-green-600 emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-green-600 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <User className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-green-400">Lex Medical AI</CardTitle>
                <CardDescription className="text-gray-400">Healthcare diagnostics & AI</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300 text-sm">
                  Research and development of medical AI software systems for diagnostics, healthcare data management,
                  and clinical intelligence. Building tools that empower medical professionals.
                </p>
              </CardContent>
            </Card>

<Card className="bg-black border-blue-600 emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <Briefcase className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-blue-400">Lex Legal AI</CardTitle>
                <CardDescription className="text-gray-400">Legal tech & automation</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300 text-sm">
                  Developing legal AI solutions for documentation, compliance, and case intelligence. Blending precision
                  with interpretive reasoning for AI-assisted legal practice.
                </p>
              </CardContent>
            </Card>

<Card className="bg-black border-purple-600 emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-purple-600 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <Zap className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-purple-400">NexMind OptimAI</CardTitle>
                <CardDescription className="text-gray-400">Networks & AGI R&D</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300 text-sm">
                  Core R&D hub for next-generation cellular networks and AI infrastructure. Designs MNO/MVNO systems and
                  leads long-term AGI research.
                </p>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* RudicilAI Foundation Section */}
      <section className="py-20 bg-black">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">RudicilAI Foundation LLC</h2>
            <p className="text-xl text-gray-300 max-w-2xl mx-auto">
              The social impact and ethical core of our ecosystem
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
            <Card className="bg-gray-900 border-red-500/30 emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-red-600 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <Heart className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-white">Lifeline Program & Homeless Outreach</CardTitle>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Providing essential aid, access to digital tools, and inclusive programs for individuals experiencing
                  homelessness and hardship.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-900 border-purple-500/30 emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-purple-600 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <GraduationCap className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-white">Scholarship Fund</CardTitle>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Supporting students pursuing studies in AI, healthcare, ethics, and technology innovation,
                  particularly those from underrepresented backgrounds.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-900 border-blue-500/30 emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <Users className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-white">Community Give Back Days</CardTitle>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Volunteer-driven initiatives that connect RudicilAI teams with communities through mentorship,
                  service, and impact events.
                </p>
              </CardContent>
            </Card>

<Card className="bg-gray-900 border-green-500/30 emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-green-600 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <Shield className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-white">Employee Well-being Program</CardTitle>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300">
                  Comprehensive initiative supporting physical health, mental health, personal growth, and balanced
                  work-life culture within RudicilAI and beyond.
                </p>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Founder Section */}
      <section className="py-20 bg-gray-900">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">Meet Our Founder</h2>
          </div>

<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            {/* Founder Photo */}
            <div className="order-2 lg:order-1">
              <div className="bg-gray-800 rounded-2xl p-8 text-center border border-purple-500/50 emo-glow shadow-xl shadow-purple-900/30">
                <img
                  src="/images/jessie-rudicil.jpg"
                  alt="Jessie Dylan Rudicil, Founder & CEO of J. Dylan Rudicil Applied AI Inc."
                  className="w-64 h-64 rounded-full mx-auto mb-4 object-cover border-4 border-purple-500/50"
                />
                <p className="text-white font-medium text-lg">Jessie Dylan Rudicil</p>
                <p className="text-purple-400 font-semibold">Founder & CEO</p>
              </div>
            </div>

{/* Founder Bio */}
            <div className="order-1 lg:order-2">
              <h3 className="text-3xl md:text-4xl font-bold text-white mb-6 emo-text-glow">Jessie Dylan Rudicil</h3>
              <p className="text-lg text-purple-400 font-semibold mb-4">Founder & Chief Executive Officer</p>

<div className="bg-gray-800 p-6 rounded-xl mb-6 border border-purple-500/50 emo-glow shadow-xl shadow-purple-900/20">
                <p className="text-gray-200 leading-relaxed mb-4">
                  Jessie Dylan Rudicil is the founder and owner of J. Dylan Rudicil Applied AI Inc., a multidisciplinary
                  innovation group. His entrepreneurial journey is rooted in a lifelong passion for leveraging
                  cutting-edge technology to solve real-world problems. His background is a testament to his tenacious
                  spirit, forged by a childhood of resourcefulness and empathy, which has become the foundation of his
                  business philosophy.
                </p>
                <p className="text-gray-200 leading-relaxed mb-4">
                  Through NexMind OptimAI, Jessie has built a business focused on providing essential communication and
                  security services to the community, including Lifeline Program Free Phone Services, wireless plans,
                  and home security systems. This work is supported by his credentials as an Alarm Agent (CA BSIS) and
                  his FCC licenses.
                </p>
                <p className="text-gray-200 leading-relaxed mb-4">
                  His primary focus, however, is on the advancement of healthcare and legal services through Lex Medical
                  AI and Lex Legal AI. Lex Medical AI operates on the principle that everyone deserves the best
                  healthcare. We have developed an AI-powered Symptom Checker, which has been rigorously tested to
                  achieve a verified 100% accuracy for the common cold, flu, and COVID-19 before its public release.
                </p>
                <p className="text-gray-200 leading-relaxed">
                  His commitment to purpose-driven leadership extends to his inseparable companion, Maria, an all-white
                  Siberian Husky who he rescued from a high-kill shelter. Maria reminds him to always see the potential
                  in others. This principle guides his business model, which includes a commitment to social
                  responsibility through scholarships, homeless outreach, and providing free healthcare for employees.
                </p>
              </div>

<div className="space-y-4">
                <div className="flex items-center space-x-3">
                  <div className="w-8 h-8 bg-purple-600 rounded-full flex items-center justify-center emo-glow shadow-lg shadow-purple-500/50">
                    <Briefcase className="h-4 w-4 text-white" />
                  </div>
                  <span className="text-gray-200">Founder of three innovative AI and technology divisions</span>
                </div>
                <div className="flex items-center space-x-3">
                  <div className="w-8 h-8 bg-red-600 rounded-full flex items-center justify-center emo-glow shadow-lg shadow-red-500/50">
                    <GraduationCap className="h-4 w-4 text-white" />
                  </div>
                  <span className="text-gray-200">CA BSIS Alarm Agent & FCC Licensed</span>
                </div>
                <div className="flex items-center space-x-3">
                  <div className="w-8 h-8 bg-purple-600 rounded-full flex items-center justify-center emo-glow shadow-lg shadow-purple-500/50">
                    <Award className="h-4 w-4 text-white" />
                  </div>
                  <span className="text-gray-200">Developer of 100% accurate AI Symptom Checker</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

{/* Chief Morale Officer Section */}
      <section className="bg-gradient-to-br from-gray-900 to-black py-20">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">Chief Morale Officer</h2>
            <p className="text-xl text-gray-300 max-w-2xl mx-auto">
              Meet the four-legged executive who keeps our team's spirits high
            </p>
          </div>

<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            {/* Maria's Photo */}
            <div>
              <div className="bg-gray-900 rounded-2xl p-8 text-center border border-red-500/30 emo-glow">
                <img
                  src="/images/maria-lex.jpg"
                  alt="Maria Lex, Chief Morale Officer - All-white Siberian Husky"
                  className="w-64 h-64 rounded-full mx-auto mb-4 object-cover border-4 border-red-500/50"
                />
                <p className="text-white font-medium">Maria Lex</p>
                <p className="text-red-400">Chief Morale Officer</p>
              </div>
            </div>

{/* Maria's Bio */}
            <div>
              <h3 className="text-3xl md:text-4xl font-bold text-white mb-6 emo-text-glow">Maria Lex</h3>
              <p className="text-lg text-red-400 font-semibold mb-4">Chief Morale Officer</p>

<div className="bg-gray-900 p-6 rounded-xl mb-6 border border-red-500/30 emo-glow">
                <p className="text-gray-300 leading-relaxed mb-4">
                  Maria is a purebred, all-white Siberian Husky with a lovable and sociable personality. As Jessie's
                  fearless sidekick, she goes everywhere. She's an actual character, with a funny habit of trying to eat
                  her food with her paws. Her love for treats is unconventional—her favorites are green beans and rice
                  or black beans.
                </p>
                <p className="text-gray-300 leading-relaxed">
                  Maria's story is one of rescue and resilience. She was saved from a kill-animal shelter in California
                  where she was almost put down. Today, she embodies the spirit of second chances and unconditional
                  love.
                </p>
              </div>

<div className="space-y-4">
                <div className="flex items-center space-x-3">
                  <div className="w-8 h-8 bg-red-600 rounded-full flex items-center justify-center emo-glow">
                    <Heart className="h-4 w-4 text-white" />
                  </div>
                  <span className="text-gray-300">Purebred all-white Siberian Husky</span>
                </div>
                <div className="flex items-center space-x-3">
                  <div className="w-8 h-8 bg-purple-600 rounded-full flex items-center justify-center emo-glow">
                    <Coffee className="h-4 w-4 text-white" />
                  </div>
                  <span className="text-gray-300">Fearless sidekick who goes everywhere</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

{/* Contact CTA */}
      <section className="bg-gradient-to-r from-purple-600 to-red-600 py-16">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
          <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 emo-text-glow">Ready to Collaborate?</h2>
          <p className="text-xl text-gray-200 mb-8 max-w-2xl mx-auto">
            Learn more about our vision or connect with our team to discuss partnerships and opportunities.
          </p>
          <Button size="lg" variant="secondary" asChild className="bg-white text-purple-600 hover:bg-gray-100 emo-glow">
            <Link href="/contact">Get in Touch</Link>
          </Button>
        </div>
      </section>

<Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/rudicil-foundation/page.tsx" isMerged="true"
import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import Link from "next/link"
import { Heart, GraduationCap, Users, Shield } from "lucide-react"

export default function RudicilAIFoundationPage() {
  return (
    <div className="min-h-screen bg-black">
      <Navigation />

{/* Hero Section */}
      <section className="bg-gradient-to-br from-purple-900 to-red-900 py-20">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center">
            <div className="w-20 h-20 bg-green-600 rounded-2xl flex items-center justify-center mx-auto mb-6">
              <Heart className="h-10 w-10 text-white" />
            </div>
            <h1 className="text-4xl md:text-6xl font-bold text-white mb-6 font-serif glow-text">
              RudicilAI Foundation LLC
            </h1>
            <p className="text-xl text-purple-200 mb-8 max-w-4xl mx-auto leading-relaxed">
              Our social impact and community division dedicated to ethical advancement. The RudicilAI Foundation LLC
              operates as the heart of our commitment to social responsibility, managing programs that directly support
              individuals, communities, and the next generation of innovators.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <Button
                size="lg"
                className="bg-purple-600 hover:bg-purple-700 text-white border-purple-400 glow-button"
                asChild
              >
                <Link href="/contact">Get Involved</Link>
              </Button>
              <Button
                size="lg"
                variant="outline"
                className="border-red-500 text-red-400 hover:bg-red-900/20 bg-transparent"
                asChild
              >
                <Link href="/about">Our Leadership</Link>
              </Button>
            </div>
          </div>
        </div>
      </section>

{/* Community Empowerment Section */}
      <section className="py-20 bg-gradient-to-b from-black to-gray-900">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-6 font-serif glow-text">
              Foundation Initiatives
            </h2>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
            <Card className="bg-gray-900 border-red-500 hover:border-red-400 transition-all hover:shadow-lg hover:shadow-red-500/20">
              <CardHeader>
                <div className="w-12 h-12 bg-red-900 rounded-lg flex items-center justify-center mb-4">
                  <Heart className="h-6 w-6 text-red-400" />
                </div>
                <CardTitle className="text-white font-serif">Lifeline Program & Homeless Outreach</CardTitle>
                <CardDescription className="text-gray-400">Essential aid and digital access</CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300 mb-4">
                  Providing essential aid, access to digital tools, and inclusive programs for individuals experiencing
                  homelessness and hardship.
                </p>
                <p className="text-gray-300">
                  Through a partnership with a Lifeline provider, we offer free wireless service to eligible low-income
                  individuals and families. By providing access to essential communication, we're helping to bridge the
                  digital divide and ensure everyone has the opportunity to stay connected.
                </p>
              </CardContent>
            </Card>

<Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/navigation.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
"use client"

import Link from "next/link"
import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Menu, X, ChevronDown } from "lucide-react"

function Navigation() {
  const [isOpen, setIsOpen] = useState(false)
  const [isDropdownOpen, setIsDropdownOpen] = useState(false)

const navItems = [
    { href: "/", label: "Home" },
    { href: "/medical-ai", label: "Lex Medical AI" },
    { href: "/legal-ai", label: "Lex Legal AI" },
    { href: "/rudicil-wireless", label: "NexMind OptimAI" },
    { href: "/rudicil-foundation", label: "RudicilAI Foundation LLC" },
    { href: "/about", label: "About" },
    { href: "/contact", label: "Contact Us" },
  ]

return (
    <nav className="bg-black/95 backdrop-blur-md border-b-2 border-purple-600 emo-glow shadow-lg shadow-purple-900/20">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex justify-between items-center h-16">
          {/* Logo */}
          <Link href="/" className="flex items-center space-x-2">
            <span className="font-bold text-xl text-purple-400 emo-text-glow font-serif">
              J. Dylan Rudicil Applied AI Inc.
            </span>
          </Link>

<div className="hidden md:flex items-center relative">
            <Button
              variant="ghost"
              onClick={() => setIsDropdownOpen(!isDropdownOpen)}
              className="text-gray-300 hover:text-purple-400 font-medium transition-colors hover:emo-text-glow flex items-center space-x-2"
            >
              <span>Navigation</span>
              <ChevronDown className={`h-4 w-4 transition-transform ${isDropdownOpen ? "rotate-180" : ""}`} />
            </Button>

{/* Dropdown Menu */}
            {isDropdownOpen && (
              <div className="absolute top-full right-0 mt-2 w-56 bg-black/95 backdrop-blur-md border-2 border-purple-600 rounded-lg shadow-lg shadow-purple-900/20 emo-glow z-50">
                <div className="py-2">
                  {navItems.map((item) => (
                    <Link
                      key={item.href}
                      href={item.href}
                      className="block px-4 py-2 text-gray-300 hover:text-purple-400 hover:bg-purple-900/20 font-medium transition-colors hover:emo-text-glow"
                      onClick={() => setIsDropdownOpen(false)}
                    >
                      {item.label}
                    </Link>
                  ))}
                </div>
              </div>
            )}
          </div>

{/* Mobile menu button */}
          <div className="md:hidden">
            <Button
              variant="ghost"
              size="sm"
              onClick={() => setIsOpen(!isOpen)}
              className="text-purple-400 hover:text-red-400"
            >
              {isOpen ? <X className="h-6 w-6" /> : <Menu className="h-6 w-6" />}
            </Button>
          </div>
        </div>

{/* Mobile Navigation */}
        {isOpen && (
          <div className="md:hidden">
            <div className="px-2 pt-2 pb-3 space-y-1 bg-black border-t-2 border-purple-600">
              {navItems.map((item) => (
                <Link
                  key={item.href}
                  href={item.href}
                  className="block px-3 py-2 text-gray-300 hover:text-purple-400 font-medium transition-colors hover:emo-text-glow"
                  onClick={() => setIsOpen(false)}
                >
                  {item.label}
                </Link>
              ))}
            </div>
          </div>
        )}
      </div>
    </nav>
  )
}

export { Navigation }
export default Navigation
[V0_FILE]typescriptreact:file="components/footer.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
import Link from "next/link"

function Footer() {
  return (
    <footer className="bg-black text-white border-t-2 border-purple-600">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
          {/* Company Info */}
          <div className="col-span-1 md:col-span-2">
            <div className="flex items-center space-x-2 mb-4">
              <span className="font-bold text-xl text-purple-400 emo-text-glow font-serif">
                J. Dylan Rudicil Applied AI Inc.
              </span>
            </div>
            <p className="text-gray-400 mb-4 max-w-md">
              J. Dylan Rudicil Applied AI Inc. - A multidisciplinary innovation group advancing artificial intelligence,
              applied research, and responsible technology development.
            </p>
          </div>

{/* Divisions */}
          <div>
            <h3 className="font-semibold text-lg mb-4 text-purple-400 emo-text-glow font-serif">RudicilAI LLC</h3>
            <ul className="space-y-2">
              <li>
                <Link
                  href="/medical-ai"
                  className="text-gray-400 hover:text-red-400 transition-colors hover:emo-text-glow"
                >
                  Lex Medical AI
                </Link>
              </li>
              <li>
                <Link
                  href="/legal-ai"
                  className="text-gray-400 hover:text-red-400 transition-colors hover:emo-text-glow"
                >
                  Lex Legal AI
                </Link>
              </li>
              <li>
                <Link
                  href="/rudicil-wireless"
                  className="text-gray-400 hover:text-red-400 transition-colors hover:emo-text-glow"
                >
                  NexMind OptimAI
                </Link>
              </li>
            </ul>
          </div>

{/* Company */}
          <div>
            <h3 className="font-semibold text-lg mb-4 text-purple-400 emo-text-glow font-serif">Company</h3>
            <ul className="space-y-2">
              <li>
                <Link href="/about" className="text-gray-400 hover:text-red-400 transition-colors hover:emo-text-glow">
                  About
                </Link>
              </li>
              <li>
                <Link
                  href="/rudicil-foundation"
                  className="text-gray-400 hover:text-red-400 transition-colors hover:emo-text-glow"
                >
                  RudicilAI Foundation LLC
                </Link>
              </li>
              <li>
                <Link
                  href="/contact"
                  className="text-gray-400 hover:text-red-400 transition-colors hover:emo-text-glow"
                >
                  Contact Us
                </Link>
              </li>
              <li>
                <Link
                  href="/sitemap"
                  className="text-gray-400 hover:text-red-400 transition-colors hover:emo-text-glow"
                >
                  Sitemap
                </Link>
              </li>
            </ul>
          </div>
        </div>

<div className="border-t-2 border-purple-900 mt-8 pt-8 text-center text-gray-400">
          <p>© 2025 J. Dylan Rudicil Applied AI Inc. All rights reserved.</p>
        </div>
      </div>
    </footer>
  )
}

export { Footer }
export default Footer
[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true"
import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import Link from "next/link"
import { Brain, Scale, Radio, Heart, Users, Zap } from "lucide-react"

export default function HomePage() {
  return (
    <div className="min-h-screen bg-black">
      <Navigation />

{/* Hero Section */}
      <section className="bg-gradient-to-br from-black via-purple-950 to-red-950 py-20 emo-glow">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center">
            <h1 className="text-4xl md:text-6xl font-bold text-white mb-6 font-serif emo-text-glow">
              J. Dylan Rudicil Applied AI Inc.
            </h1>
            <p className="text-xl text-gray-300 mb-8 max-w-3xl mx-auto">
              A multidisciplinary innovation group advancing artificial intelligence, applied research, and responsible
              technology development. Under this umbrella, we operate through two integrated entities: RudicilAI LLC,
              our applied AI and R&D company, and RudicilAI Foundation LLC, our social impact and community division.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <Button
                size="lg"
                asChild
                className="bg-gradient-to-r from-purple-600 to-red-600 hover:from-purple-700 hover:to-red-700 emo-glow"
              >
                <Link href="/contact">Get in Touch</Link>
              </Button>
              <Button
                size="lg"
                asChild
                className="bg-gradient-to-r from-purple-600 to-red-600 text-white hover:from-purple-700 hover:to-red-700 emo-glow"
              >
                <Link href="/about">About Us</Link>
              </Button>
            </div>
          </div>
        </div>
      </section>

{/* Divisions Section */}
      <section className="py-20 bg-gray-950">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 font-serif emo-text-glow">
              RudicilAI LLC - Our Innovation Divisions
            </h2>
            <p className="text-xl text-gray-400 max-w-2xl mx-auto">
              Three innovative divisions advancing artificial intelligence across healthcare, legal services, and
              network technologies
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            {/* Medical AI Lab */}
            <Card className="bg-black border-2 border-green-600 hover:shadow-lg transition-shadow emo-glow hover:emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-gradient-to-br from-green-600 to-green-800 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <Brain className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-xl text-green-400 font-serif emo-text-glow">Lex Medical AI</CardTitle>
                <CardDescription className="text-gray-400">
                  Research and development of medical AI systems for diagnostics and healthcare intelligence
                </CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300 mb-4">
                  Focused on developing medical AI software systems that empower medical professionals through advanced
                  automation, accuracy, and accessibility.
                </p>
                <Button
                  variant="outline"
                  asChild
                  className="w-full bg-transparent border-green-600 text-green-400 hover:bg-green-600 hover:text-white"
                >
                  <Link href="/medical-ai">Learn More</Link>
                </Button>
              </CardContent>
            </Card>

{/* Legal AI Lab */}
            <Card className="bg-black border-2 border-blue-600 hover:shadow-lg transition-shadow emo-glow hover:emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-gradient-to-br from-blue-600 to-blue-800 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <Scale className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-xl text-blue-400 font-serif emo-text-glow">Lex Legal AI</CardTitle>
                <CardDescription className="text-gray-400">
                  Legal AI solutions revolutionizing documentation, compliance, and case intelligence
                </CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300 mb-4">
                  Developing legal AI solutions that blend precision with interpretive reasoning, paving the way for the
                  future of AI-assisted legal practice.
                </p>
                <Button
                  variant="outline"
                  asChild
                  className="w-full bg-transparent border-blue-600 text-blue-400 hover:bg-blue-600 hover:text-white"
                >
                  <Link href="/legal-ai">Learn More</Link>
                </Button>
              </CardContent>
            </Card>

{/* NexMind OptimAI */}
            <Card className="bg-black border-2 border-purple-600 hover:shadow-lg transition-shadow emo-glow hover:emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-gradient-to-br from-purple-600 to-purple-800 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <Radio className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-xl text-purple-400 font-serif emo-text-glow">NexMind OptimAI</CardTitle>
                <CardDescription className="text-gray-400">
                  Next-generation wireless technology and AI infrastructure R&D
                </CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300 mb-4">
                  The core R&D hub driving next-generation cellular networks, AI-integrated MNO/MVNO systems, and
                  long-term research into Artificial General Intelligence.
                </p>
                <Button
                  variant="outline"
                  asChild
                  className="w-full bg-transparent border-purple-600 text-purple-400 hover:bg-purple-600 hover:text-white"
                >
                  <Link href="/rudicil-wireless">Learn More</Link>
                </Button>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Values Section */}
      <section className="bg-black py-20">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-16">
            <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 font-serif emo-text-glow">Our Core Values</h2>
            <p className="text-xl text-gray-400 max-w-2xl mx-auto">
              Guided by principles that drive innovation and positive impact
            </p>
          </div>

<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div className="text-center">
              <div className="w-16 h-16 bg-gradient-to-br from-blue-600 to-blue-800 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Zap className="h-8 w-8 text-white" />
              </div>
              <h3 className="text-xl font-semibold text-blue-400 mb-2 font-serif emo-text-glow">Innovation</h3>
              <p className="text-gray-300">Pushing the boundaries of what's possible with artificial intelligence</p>
            </div>

<div className="text-center">
              <div className="w-16 h-16 bg-gradient-to-br from-green-600 to-green-800 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Heart className="h-8 w-8 text-white" />
              </div>
              <h3 className="text-xl font-semibold text-green-400 mb-2 font-serif emo-text-glow">Responsibility</h3>
              <p className="text-gray-300">Developing AI solutions that benefit society and respect human values</p>
            </div>

<div className="text-center">
              <div className="w-16 h-16 bg-gradient-to-br from-purple-600 to-purple-800 rounded-full flex items-center justify-center mx-auto mb-4 emo-glow">
                <Users className="h-8 w-8 text-white" />
              </div>
              <h3 className="text-xl font-semibold text-purple-400 mb-2 font-serif emo-text-glow">Collaboration</h3>
              <p className="text-gray-300">Working together to create solutions that make a meaningful difference</p>
            </div>
          </div>
        </div>
      </section>

{/* CTA Section */}
      <section className="bg-gradient-to-r from-purple-900 to-red-900 py-16 emo-glow">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
          <h2 className="text-3xl md:text-4xl font-bold text-white mb-4 font-serif emo-text-glow">
            Ready to Shape the Future?
          </h2>
          <p className="text-xl text-gray-300 mb-8 max-w-2xl mx-auto">
            Join us in our mission to create AI solutions that transform industries and improve lives.
          </p>
          <Button
            size="lg"
            variant="secondary"
            asChild
            className="bg-black text-purple-400 border-2 border-purple-600 hover:bg-purple-600 hover:text-white emo-border"
          >
            <Link href="/contact">Contact Us Today</Link>
          </Button>
        </div>
      </section>

<Footer />
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/employee-login/page.tsx"
"use client"

import { Navigation } from "@/components/navigation"
import { Footer } from "@/components/footer"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { LogIn, ExternalLink } from "lucide-react"

export default function EmployeeLoginPage() {
  return (
    <div className="min-h-screen bg-black">
      <Navigation />

{/* Login Options Section */}
      <section className="py-20 bg-gray-950">
        <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="grid grid-cols-1 md:grid-cols-1 gap-8">
            {/* Google Workspace Login */}
            <Card className="bg-black border-2 border-blue-600 hover:shadow-lg transition-shadow emo-glow">
              <CardHeader>
                <div className="w-12 h-12 bg-gradient-to-br from-blue-600 to-blue-800 rounded-lg flex items-center justify-center mb-4 emo-glow">
                  <LogIn className="h-6 w-6 text-white" />
                </div>
                <CardTitle className="text-2xl text-blue-400 font-serif emo-text-glow">Google Workspace</CardTitle>
                <CardDescription className="text-gray-400">
                  Access your Google Workspace email, drive, and collaboration tools
                </CardDescription>
              </CardHeader>
              <CardContent>
                <p className="text-gray-300 mb-6">
                  Sign in to your J. Dylan Rudicil Applied AI Inc. Google Workspace account to access email, shared
                  drives, and collaboration tools.
                </p>
                <Button
                  size="lg"
                  asChild
                  className="w-full bg-gradient-to-r from-blue-600 to-blue-800 hover:from-blue-700 hover:to-blue-900 text-white emo-glow"
                >
                  <a
                    href="https://accounts.google.com/v3/signin/identifier?continue=https%3A%2F%2Fworkspace.google.com%2Fu%2F1%2Fdashboard&dsh=S-1188490269%3A1762032018105974&followup=https%3A%2F%2Fworkspace.google.com%2Fu%2F1%2Fdashboard&ifkv=ARESoU3iCMtGrcSNl8sWRsyTEkMwY-5ug_URiIDb0RHC2Tn270pHgpb_D80BowYRzu3yh8y3dvYr&passive=1209600&flowName=GlifWebSignIn&flowEntry=ServiceLogin"
                    target="_blank"
                    rel="noopener noreferrer"
                    className="flex items-center justify-center gap-2"
                  >
                    Sign In to Google Workspace <ExternalLink className="h-4 w-4" />
                  </a>
                </Button>
              </CardContent>
            </Card>

{/* Placeholder for Additional Services */}
            <div className="text-center py-12 border-t border-gray-700">
              <p className="text-gray-400">More employee resources coming soon</p>
            </div>
          </div>
        </div>
      </section>