[V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import Navbar from "@/components/navbar" import Footer from "@/components/footer" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Nova Trading | Memecoin Platform", description: "The fastest all-in-one trading platform for Solana memecoins", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (

{children}

) } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 240 10% 3.9%; --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; --primary: 230 100% 66%; --primary-foreground: 0 0% 98%; --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; --muted: 240 4.8% 95.9%; --muted-foreground: 240 3.8% 46.1%; --accent: 240 4.8% 95.9%; --accent-foreground: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 240 5.9% 90%; --input: 240 5.9% 90%; --ring: 230 100% 66%; --radius: 0.5rem; } .dark { --background: 240 10% 3.9%; --foreground: 0 0% 98%; --card: 240 10% 3.9%; --card-foreground: 0 0% 98%; --popover: 240 10% 3.9%; --popover-foreground: 0 0% 98%; --primary: 230 100% 66%; --primary-foreground: 0 0% 98%; --secondary: 240 3.7% 15.9%; --secondary-foreground: 0 0% 98%; --muted: 240 3.7% 15.9%; --muted-foreground: 240 5% 64.9%; --accent: 240 3.7% 15.9%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 240 3.7% 15.9%; --input: 240 3.7% 15.9%; --ring: 230 100% 66%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } .gradient-text { @apply bg-clip-text text-transparent bg-gradient-to-r from-primary to-blue-400; } .gradient-bg { @apply bg-gradient-to-r from-primary/90 to-blue-500/90; } [V0_FILE]typescriptreact:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, 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))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, float: { "0%, 100%": { transform: "translateY(0)" }, "50%": { transform: "translateY(-10px)" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", float: "float 6s ease-in-out infinite", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="components/navbar.tsx" "use client" import Link from "next/link" import { usePathname } from "next/navigation" import { Button } from "@/components/ui/button" import { Menu, X } from "lucide-react" import { useState } from "react" import Image from "next/image" export default function Navbar() { const [isMenuOpen, setIsMenuOpen] = useState(false) const pathname = usePathname() const routes = [ { href: "/", label: "Home" }, { href: "/tools", label: "Tools" }, { href: "/news", label: "News" }, ] return (

Nova

{isMenuOpen && (

)}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" import Link from "next/link" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Twitter, Facebook, Instagram, Github } from "lucide-react" export default function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/page.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { ArrowRight, BarChart3, Zap, Shield, Rocket, TrendingUp } from "lucide-react" import Link from "next/link" import Image from "next/image" export default function Home() { return (

{/* Hero Section */}

Trade Memecoins Faster & Smarter

Buy, snipe & sell tokens on Solana using Nova's all-in-one trading platform. Supporting Axiom, Photon and BullX.

{/* Features Section */}

Why Choose Nova

Our platform offers the fastest and most reliable tools for memecoin trading

Lightning Fast Execute trades in milliseconds with our optimized trading engine

Our platform is built for speed, allowing you to capitalize on market opportunities before others.

Secure Trading Advanced security measures to protect your assets

We implement industry-leading security protocols to ensure your funds and data remain safe.

Advanced Analytics Real-time market data and trading insights

Make informed decisions with our comprehensive analytics and market intelligence tools.

Token Sniping Be the first to discover and trade new tokens

Our sniping tools help you identify and trade promising tokens before they gain mainstream attention.

Multi-DEX Support Trade across multiple decentralized exchanges

Access liquidity from various DEXes including Axiom, Photon, and BullX all from one interface.

Portfolio Management Track and manage your crypto portfolio

Keep track of your investments, monitor performance, and optimize your trading strategy.

{/* CTA Section */}

Ready to start trading?

Get started with Nova today and experience the future of memecoin trading.

) } [V0_FILE]typescriptreact:file="app/tools/page.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { ArrowRight, Check, Download, ExternalLink } from "lucide-react" import Link from "next/link" import Image from "next/image" export default function ToolsPage() { return (

{/* Hero Section */}

Nova Extension

Buy, snipe & sell tokens on Solana using Nova Extension. The fastest all-in-one trading platform supporting Axiom, Photon and BullX.

{/* Features Section */}

Extension Features

Everything you need for successful memecoin trading in one powerful extension

Trading Sniping Analytics

Lightning-Fast Trading

Execute trades with minimal latency across multiple Solana DEXes. Our optimized trading engine ensures you never miss an opportunity.

{feature}

Advanced Token Sniping

Be the first to discover and trade new tokens with our advanced sniping tools. Set custom parameters and automate your sniping strategy.

{feature}

Comprehensive Analytics

Make informed trading decisions with real-time market data and advanced analytics tools. Track token performance and identify trends.

{feature}

{/* Pricing Section */}

Simple, Transparent Pricing

Choose the plan that fits your trading needs

Basic For casual traders

Free

{feature}

Trusted by Traders Worldwide

See what our users have to say about Nova Extension

{[ { quote: "Nova Extension has completely transformed my trading experience. The speed and reliability are unmatched.", author: "Alex Thompson", role: "Professional Trader", }, { quote: "The token sniping feature alone has paid for my subscription many times over. Absolutely essential for serious traders.", author: "Sarah Chen", role: "Crypto Investor", }, { quote: "I've tried many trading tools, but Nova stands out with its intuitive interface and powerful features.", author: "Michael Rodriguez", role: "DeFi Enthusiast", }, ].map((testimonial, index) => (

❝

{testimonial.quote}

{testimonial.author}

{testimonial.role}

))}

{/* CTA Section */}

Ready to Elevate Your Trading?

Download Nova Extension today and experience the future of memecoin trading on Solana.

) } [V0_FILE]typescriptreact:file="app/news/page.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { ArrowRight, Calendar, Clock, Search, User } from "lucide-react" import Link from "next/link" import Image from "next/image" export default function NewsPage() { // Sample news articles data const articles = [ { id: 1, title: "Solana Memecoin Market Surges 300% in 24 Hours", excerpt: "The Solana memecoin ecosystem is experiencing unprecedented growth as trading volume reaches new heights.", category: "Market", date: "Mar 3, 2025", readTime: "5 min read", author: "Crypto Analyst", image: "/placeholder.svg?height=200&width=400", }, { id: 2, title: "New DEX Launch Brings Enhanced Trading Features to Solana", excerpt: "A new decentralized exchange has launched on Solana, promising faster transactions and lower fees.", category: "Technology", date: "Mar 2, 2025", readTime: "4 min read", author: "Tech Reporter", image: "/placeholder.svg?height=200&width=400", }, { id: 3, title: "Top 5 Memecoins to Watch This Week", excerpt: "Our analysts have compiled a list of the most promising memecoins to keep an eye on in the coming week.", category: "Analysis", date: "Mar 1, 2025", readTime: "8 min read", author: "Investment Strategist", image: "/placeholder.svg?height=200&width=400", }, { id: 4, title: "Regulatory Updates: New Guidelines for Crypto Trading", excerpt: "Regulatory bodies have announced new guidelines that could impact the future of cryptocurrency trading.", category: "Regulation", date: "Feb 28, 2025", readTime: "6 min read", author: "Legal Correspondent", image: "/placeholder.svg?height=200&width=400", }, { id: 5, title: "Nova Trading Platform Introduces AI-Powered Market Predictions", excerpt: "Nova's latest update includes advanced AI algorithms to help traders make more informed decisions.", category: "Technology", date: "Feb 27, 2025", readTime: "5 min read", author: "Tech Editor", image: "/placeholder.svg?height=200&width=400", }, { id: 6, title: "Whale Movements: Large Transactions Shake Memecoin Market", excerpt: "Several large wallet transactions have caused significant price movements in popular memecoins.", category: "Market", date: "Feb 26, 2025", readTime: "4 min read", author: "Market Analyst", image: "/placeholder.svg?height=200&width=400", }, ] // Featured article (first article) const featuredArticle = articles[0] // Remaining articles const remainingArticles = articles.slice(1) return (

{/* Hero Section */}

Crypto News & Insights

Stay updated with the latest news, trends, and analysis in the world of cryptocurrency and memecoins

{/* Featured Article */}

{featuredArticle.category}

{featuredArticle.title}

{featuredArticle.excerpt}

{featuredArticle.date}

{featuredArticle.readTime}

{featuredArticle.author}

{/* News Categories */}

Latest Articles

All Market Technology Analysis

{remainingArticles.map((article) => (

{article.category}

{article.title} {article.excerpt}

{article.date}

{article.readTime}

))}

{remainingArticles .filter((article) => article.category === "Market") .map((article) => (

{article.category}

{article.title} {article.excerpt}

{article.date}

{article.readTime}

))}

{remainingArticles .filter((article) => article.category === "Technology") .map((article) => (

{article.category}

{article.title} {article.excerpt}

{article.date}

{article.readTime}

))}

{remainingArticles .filter((article) => article.category === "Analysis") .map((article) => (

{article.category}

{article.title} {article.excerpt}

{article.date}

{article.readTime}

))}

{/* Newsletter Section */}

Stay Updated with Crypto News

Subscribe to our newsletter to receive the latest news, market analysis, and trading insights directly to your inbox.

We respect your privacy. Unsubscribe at any time.

) } [V0_FILE]typescriptreact:file="components/ui/button.tsx" import * as React from "react" import { Slot } from "@radix-ui/react-slot" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const buttonVariants = cva( "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", { variants: { variant: { default: "bg-primary text-primary-foreground hover:bg-primary/90", destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90", outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "h-10 px-4 py-2", sm: "h-9 rounded-md px-3", lg: "h-11 rounded-md px-8", icon: "h-10 w-10", }, }, defaultVariants: { variant: "default", size: "default", }, }, ) export interface ButtonProps extends React.ButtonHTMLAttributes, VariantProps { asChild?: boolean } const Button = React.forwardRef( ({ className, variant, size, asChild = false, ...props }, ref) => { const Comp = asChild ? Slot : "button" return }, ) Button.displayName = "Button" export { Button, buttonVariants } [V0_FILE]typescriptreact:file="lib/utils.ts" import { type ClassValue, clsx } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) }

About

About