[V0_FILE]typescriptreact:file="tailwind.config.js" isFixed="true" isQuickEdit="true" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"], theme: { extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, purple: { 400: "#c084fc", 600: "#9333ea", 700: "#7e22ce", 900: "#581c87", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" import Link from "next/link" import Image from "next/image" import { Button } from "@/components/ui/button" export default function Home() { return (

{/* Navigation */} {/* Hero Section */}

{/* Enhanced Gradient Background */}

Latest integration just arrived

Boost your
rankings with AI.

Elevate your site's visibility effortlessly with AI, where smart technology meets user-friendly SEO tools.

{/* Dashboard Preview */}

{/* Enhanced glow effect */}

{/* Testimonials Section */}

{/* Testimonial 1 */}

"This product has completely transformed how I manage my projects and deadlines"

{/* Testimonial 2 */}

"The AI-powered insights have given us a competitive edge in our market research"

{/* Testimonial 3 */}

"Implementation was seamless, and the results were immediate and impressive"

{/* Pricing Section */}

Pricing.

Choose the right plan to meet your SEO needs and start optimizing today.

{/* Billing Toggle */}

Billed yearly

{/* Pricing Cards */}

{/* Basic Plan */}

Basic

$29/mo

Keyword optimization
Automated meta tags
SEO monitoring
Monthly reports

{/* Pro Plan */}

POPULAR

Pro

$79/mo

Keyword optimization
Automated meta tags
SEO monitoring
Monthly reports
Content suggestions
Link optimization

{/* Business Plan */}

Business

$149/mo

Keyword optimization
Automated meta tags
SEO monitoring
Monthly reports
Content suggestions
Link optimization
Multi-user access
API integration

{/* Contact Section */}

Contact us.

Integrates effortlessly with all major content management systems with no technical setup required.

First name

Last name

Company name

How can we help?

</div>

<Button className="bg-white text-black hover:bg-gray-100 w-full sm:w-auto sm:justify-self-center px-8">
                    Send message
                  </Button>
                </form>
              </div>
            </div>
          </div>

{/* Footer */}
          <footer className="relative mt-0 border-t border-white/10 bg-gradient-to-b from-purple-900/10 to-black">
            <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
              <nav className="py-8">
                {/* Primary Navigation */}
                <ul className="flex flex-wrap justify-center gap-x-8 gap-y-3 mb-4">
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Index
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Example 1
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Example 2
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Navigation
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Footer
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Hero
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Button
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Features
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      3D Assets
                    </Link>
                  </li>
                </ul>

{/* Secondary Navigation */}
                <ul className="flex flex-wrap justify-center gap-x-8 gap-y-3">
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Testimonial
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Icons
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Companies
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Patterns
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Pricing
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Typography
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Changelog
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      CTA
                    </Link>
                  </li>
                  <li>
                    <Link href="#" className="text-sm text-gray-400 hover:text-white transition-colors">
                      Contact
                    </Link>
                  </li>
                </ul>
              </nav>
            </div>
          </footer>
        </div>
      </div>
    </div>
  )
}
</article></body></html>

Boost your rankings with AI.

Pricing.

Basic

Pro

Business

Contact us.

Boost your
rankings with AI.

zproxy.org