帮我建一个单页面的网站,放一个博客文章。内容:2025年最火的10大vibe coding工具。里面包含lovable、bolt.new、v0、base44、heyboss、autocoder.cc。包含每个工具的网址和优缺点。用英文写
I'll help you create a single-page website featuring a blog article about the hottest vibe coding tools of 2025. Let me first generate some design inspiration for this tech-focused content.
import type { Metadata } from 'next'
import { Montserrat } from 'next/font/google'
import { Open_Sans } from 'next/font/google'
import './globals.css'
// <CHANGE> Added Montserrat for headings and Open Sans for body text per design brief
const montserrat = Montserrat({
subsets: ['latin'],
display: 'swap',
variable: '--font-montserrat',
weight: ['400', '600', '700', '900']
})
const openSans = Open_Sans({
subsets: ['latin'],
display: 'swap',
variable: '--font-open-sans',
weight: ['400', '500', '600']
})
export const metadata: Metadata = {
title: 'The 10 Hottest Vibe Coding Tools of 2025',
description: 'Discover the most innovative AI-powered coding tools that are revolutionizing development in 2025',
generator: 'v0.app',
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode
}>) {
return (
<html lang="en" className={`${montserrat.variable} ${openSans.variable} antialiased`}>
<body className="font-sans">{children}</body>
</html>
)
}I've created a comprehensive single-page blog article about the 10 hottest vibe coding tools of 2025. The design follows the brief with a bold red primary color, amber accents, and professional typography using Montserrat for headings and Open Sans for body text. Each tool is presented in an engaging card format with detailed pros/cons, pricing information, and direct links to their websites. The layout is fully responsive and includes a striking hero section, detailed tool comparisons, and a compelling conclusion about the future of AI-powered development.