[V0_FILE]png:file="public/images/nagad-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Generated%20Image%20September%2020%2C%202025%20-%2010_11PM-OzLcZTpbjZvWZMfdck0GusGZTkOUos.png" [V0_FILE]css:file="app/globals.css" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated theme to match Nagad Marketing brand with blue-to-green gradient colors */ --background: oklch(0.98 0 0); --foreground: oklch(0.15 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.15 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.15 0 0); /* Primary: Deep blue from logo */ --primary: oklch(0.45 0.08 240); --primary-foreground: oklch(0.98 0 0); /* Secondary: Green from logo */ --secondary: oklch(0.65 0.15 145); --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.96 0 0); --muted-foreground: oklch(0.5 0 0); --accent: oklch(0.55 0.12 200); --accent-foreground: oklch(0.98 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.98 0 0); --border: oklch(0.9 0 0); --input: oklch(0.9 0 0); --ring: oklch(0.55 0.12 200); --chart-1: oklch(0.45 0.08 240); --chart-2: oklch(0.65 0.15 145); --chart-3: oklch(0.55 0.12 200); --chart-4: oklch(0.7 0.1 180); --chart-5: oklch(0.6 0.12 160); --radius: 0.75rem; --sidebar: oklch(0.98 0 0); --sidebar-foreground: oklch(0.15 0 0); --sidebar-primary: oklch(0.45 0.08 240); --sidebar-primary-foreground: oklch(0.98 0 0); --sidebar-accent: oklch(0.96 0 0); --sidebar-accent-foreground: oklch(0.15 0 0); --sidebar-border: oklch(0.9 0 0); --sidebar-ring: oklch(0.55 0.12 200); } .dark { /* Dark mode theme matching design inspiration */ --background: oklch(0.12 0 0); --foreground: oklch(0.98 0 0); --card: oklch(0.15 0 0); --card-foreground: oklch(0.98 0 0); --popover: oklch(0.15 0 0); --popover-foreground: oklch(0.98 0 0); --primary: oklch(0.55 0.12 200); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.65 0.15 145); --secondary-foreground: oklch(0.12 0 0); --muted: oklch(0.2 0 0); --muted-foreground: oklch(0.65 0 0); --accent: oklch(0.55 0.12 200); --accent-foreground: oklch(0.98 0 0); --destructive: oklch(0.5 0.2 25); --destructive-foreground: oklch(0.98 0 0); --border: oklch(0.25 0 0); --input: oklch(0.25 0 0); --ring: oklch(0.55 0.12 200); --chart-1: oklch(0.55 0.12 200); --chart-2: oklch(0.65 0.15 145); --chart-3: oklch(0.6 0.12 180); --chart-4: oklch(0.7 0.1 160); --chart-5: oklch(0.5 0.1 220); --sidebar: oklch(0.12 0 0); --sidebar-foreground: oklch(0.98 0 0); --sidebar-primary: oklch(0.55 0.12 200); --sidebar-primary-foreground: oklch(0.98 0 0); --sidebar-accent: oklch(0.2 0 0); --sidebar-accent-foreground: oklch(0.98 0 0); --sidebar-border: oklch(0.25 0 0); --sidebar-ring: oklch(0.55 0.12 200); } @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --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; } } /* Added custom gradient utilities for Nagad branding */ @layer utilities { .gradient-nagad { background: linear-gradient(135deg, oklch(0.45 0.08 240) 0%, oklch(0.65 0.15 145) 100%); } .gradient-nagad-text { background: linear-gradient(135deg, oklch(0.45 0.08 240) 0%, oklch(0.65 0.15 145) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } } [V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useEffect, useState } from "react" import { SplashScreen } from "@/components/splash-screen" import { LandingPage } from "@/components/landing-page" export default function Home() { const [showSplash, setShowSplash] = useState(true) useEffect(() => { const timer = setTimeout(() => { setShowSplash(false) }, 3000) return () => clearTimeout(timer) }, []) if (showSplash) { return } return } [V0_FILE]typescriptreact:file="components/splash-screen.tsx" "use client" import { useEffect, useState } from "react" import Image from "next/image" export function SplashScreen() { const [fadeIn, setFadeIn] = useState(false) useEffect(() => { setFadeIn(true) }, []) return (

NAGAD

MARKETING

Your Smart Business Connection

) } [V0_FILE]typescriptreact:file="components/landing-page.tsx" "use client" import { Button } from "@/components/ui/button" import { ArrowRight, Globe, TrendingUp, Users, Zap } from "lucide-react" import Image from "next/image" export function LandingPage() { return (

{/* Hero Section */}

The complete platform for global business connections.

Your team's toolkit to stop configuring and start innovating. Securely build, deploy, and scale the best business partnerships worldwide.

{/* Stats Section */}

500+

Global Partners

Connected worldwide

98%

Success Rate

In business matching

50+

Countries

Market presence

24/7

Support

Always available

{/* Features Section */}

Smart connections. Real results.

The platform for rapid progress. Let your team focus on building partnerships instead of managing infrastructure.

Global Reach

Connect with businesses across 50+ countries and expand your market presence globally.

Smart Matching

AI-powered algorithms match you with the perfect business partners for your needs.

Growth Analytics

Track your partnerships and measure ROI with comprehensive analytics dashboards.

Fast Integration

Get started in minutes with our streamlined onboarding and integration process.

{/* CTA Section */}

Ready to transform your business connections?

Join hundreds of companies already growing their global presence with Nagad Marketing.

{/* Footer */}

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import { Analytics } from "@vercel/analytics/next" import { Suspense } from "react" import "./globals.css" export const metadata: Metadata = { title: "Nagad Marketing - Your Smart Business Connection", description: "Connect with global business partners and grow your market presence with Nagad Marketing", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]json:file="package.json" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "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", "@vercel/analytics": "1.3.1", "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.5.4", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } }