[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.

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This