[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type { Metadata } from 'next' import { Inter, Montserrat } from 'next/font/google' import { Analytics } from '@vercel/analytics/next' import Script from 'next/script' import './globals.css' const inter = Inter({ subsets: ["latin"], variable: '--font-inter' }); const montserrat = Montserrat({ subsets: ["latin"], variable: '--font-montserrat', weight: ['400', '500', '600', '700', '800'] }); export const metadata: Metadata = { title: 'Nothing Can Stop You Now - Certified Power Solutions', description: 'We supply leading fluid power brands, engineer custom hydraulic and control solutions, and build turnkey snow and ice systems for demanding applications.', generator: 'v0.app', icons: { icon: [ { url: '/icon-light-32x32.png', media: '(prefers-color-scheme: light)', }, { url: '/icon-dark-32x32.png', media: '(prefers-color-scheme: dark)', }, { url: '/icon.svg', type: 'image/svg+xml', }, ], apple: '/apple-icon.png', }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "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", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.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": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { Header } from '@/components/header' import { Hero } from '@/components/hero' import { EngineeringSection } from '@/components/engineering-section' import { ServiceRepairSection } from '@/components/service-repair-section' import { ShopSection } from '@/components/shop-section' import { SnowIceSection } from '@/components/snow-ice-section' import { QuickLinks } from '@/components/quick-links' import { BrandPartners } from '@/components/brand-partners' import { DetailedSections } from '@/components/detailed-sections' import { IndustriesServed } from '@/components/industries-served' import { NothingCanStop } from '@/components/nothing-can-stop' import { Footer } from '@/components/footer' import { CTAModal } from '@/components/cta-modal' export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/header.tsx" isMerged="true" 'use client' import { useState } from 'react' import Link from 'next/link' import { Button } from '@/components/ui/button' import { Menu, X, ChevronDown } from 'lucide-react' import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, } from '@/components/ui/navigation-menu' import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet' export function Header() { const [isOpen, setIsOpen] = useState(false) return ( <> {/* Top Bar */}

Corporate Snow & Ice

{/* Main Header */}

{/* Logo */}

{/* Desktop Navigation */}

Solutions

Mobile Applications
Custom Manifold & Valve Design
Mobile Controllers & Custom Programming
Manufacturing & Assembly

Industrial Applications

Hose & Fittings
About Our Hose Center
Hose Configurator

Service & Repair

Authorized Repair Center
Field Service
Pump Refurb Program
Driveline Services
24/7 Online Repair Portal

Snow & Ice Products

Shop
By Category
Brand Partners
Custom Solutions

Resources

Blog
Product Literature
Catalogs
Careers

{/* Mobile Menu */}

) } [V0_FILE]typescriptreact:file="components/hero.tsx" isMerged="true" import { Button } from '@/components/ui/button' export function Hero() { return (

Nothing Can Stop You Now

We supply leading fluid power brands, engineer custom hydraulic and control solutions, and build turnkey snow and ice systems for demanding applications. With deep technical expertise and hands-on manufacturing experience, we help you reduce downtime, boost performance, and operate with confidence in the toughest conditions.

{/* Decorative element */}

) } [V0_FILE]typescriptreact:file="components/engineering-section.tsx" isMerged="true" import { Button } from '@/components/ui/button' export function EngineeringSection() { return (

No Gaps. No Games. No Guesswork.

Engineering

From concept to final build, our engineers design hydraulic, electronic, and control systems that work in the real world. We solve problems early, reduce risk, and deliver systems built for performance, reliability, and long-term serviceability.

) } [V0_FILE]typescriptreact:file="components/service-repair-section.tsx" isMerged="true" import { Button } from '@/components/ui/button' export function ServiceRepairSection() { return (

Leading Industrial Repair Experts

Service & Repair

When equipment goes down, everything stops. Our service and repair teams diagnose issues fast, repair them right, and help extend the life of your systems so you can get back to work with minimal downtime, so Nothing Can Stop You Now!

) } [V0_FILE]typescriptreact:file="components/shop-section.tsx" isMerged="true" import { Button } from '@/components/ui/button' export function ShopSection() { return (

1,000,000+ Parts Available Online

Shop Now

Get the fluid power components you trust, when you need them. Our online store makes it easy to find proven brands, reliable parts, and the right solutions to keep your equipment running.

) } [V0_FILE]typescriptreact:file="components/snow-ice-section.tsx" isMerged="true" import { Button } from '@/components/ui/button' export function SnowIceSection() { return (

No Gaps. No Games. No Guesswork.

Snow & Ice Solutions

Whether you're in charge of a public or commercially operated fleet, or a municipality with smaller plow trucks clearing local roadways – Certified Power Solutions can help you achieve your Snow and Ice management goals.

) } [V0_FILE]typescriptreact:file="components/quick-links.tsx" isMerged="true" import Link from 'next/link' import { Card } from '@/components/ui/card' import { Wrench, Settings, Snowflake, ShoppingCart } from 'lucide-react' export function QuickLinks() { return (

Engineering

Need Service or Repair?

Snow & Ice Solutions

Shop for Parts

) } [V0_FILE]typescriptreact:file="components/brand-partners.tsx" isMerged="true" 'use client' import { useEffect, useRef } from 'react' export function BrandPartners() { const scrollRef = useRef(null) const brands = [ 'https://certifiedpower.com/wp-content/uploads/2024/12/parker.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/eaton.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/danfoss.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/gates.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/continental.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/prince.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/sun-hydraulics.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/bosch-rexroth.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/hydac.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/baldor.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/hydraforce.png', 'https://certifiedpower.com/wp-content/uploads/2024/12/danfoss-power-solutions.png', ] return (

Trusted Brand Partners

{brands.map((brand, index) => (

))} {/* Duplicate for seamless scroll effect */} {brands.map((brand, index) => (

))}

) } [V0_FILE]typescriptreact:file="components/detailed-sections.tsx" isMerged="true" import { Button } from '@/components/ui/button' export function DetailedSections() { const sections = [ { title: 'About Certified Power Solutions', description: 'As we continue to grow and adapt in an ever-evolving industry, Certified Power Solutions remains committed to delivering the highest standards of service and technical expertise. Our goal is not just to meet your expectations but to exceed them, ensuring that we are your trusted partner in fluid power solutions.', image: 'https://certifiedpower.com/wp-content/uploads/2024/10/Plows-Hero.webp', badge: 'Over 50 years of experience', buttonText: 'Learn More', buttonVariant: 'default' as const, }, { title: 'Engineered Systems', description: 'We offer a complete suite of engineering services so you can stay focused on your core business. Whether you\'re searching for integrated sub-assemblies, or completely engineered custom systems, our highly skilled engineers are ready to complete the job.', image: 'https://certifiedpower.com/wp-content/uploads/2024/10/Plows-Hero.webp', badge: 'Over 50 years of experience', buttonText: 'Learn More', buttonVariant: 'default' as const, }, { title: 'Custom Manufacturing', description: 'In addition to the distribution of many of the most respected brand names in the fluid power industry, we also have engineering and manufacturing capabilities for hydraulic power units, manifold assemblies, electrical and electronic controls, and other special customer-specific assemblies.', image: 'https://certifiedpower.com/wp-content/uploads/2024/10/Plows-Hero.webp', badge: null, buttonText: 'Learn More', buttonVariant: 'default' as const, }, { title: 'Industrial Repair Center', description: 'As experts in industrial component repair, we provide the most comprehensive hydraulic service and repair in the state. We can diagnose, repair and test all brands and types of equipment, including service in your facility.', image: 'https://certifiedpower.com/wp-content/uploads/2024/10/Plows-Hero.webp', badge: 'Over 50 years of experience', buttonText: 'Online Repair Center', buttonVariant: 'default' as const, }, { title: 'Field Service', description: 'It\'s not always easy to get equipment in need of repair into the Certified Power Solutions Service and Repair Center. That\'s okay. We\'ll come to you. If there\'s a problem, we will fix it right where it is – on-site, at your facility. If it\'s an emergency for you, it\'s an emergency for us.', image: 'https://certifiedpower.com/wp-content/uploads/2024/10/Plows-Hero.webp', badge: 'Over 50 years of experience', buttonText: 'Request Service', buttonVariant: 'default' as const, }, { title: 'In-Stock Industrial Products', description: 'Since 1970, Certified Power Solutions has been a leading distributor of hydraulic, pneumatic and electronic components and systems. Our long-standing partnerships with the highest quality fluid power manufacturers allows us to guarantee the very best for our customers.', image: 'https://certifiedpower.com/wp-content/uploads/2024/10/Plows-Hero.webp', badge: 'Over 50 years of experience', buttonText: 'Shop Now', buttonVariant: 'destructive' as const, }, { title: 'Snow & Ice Solutions', description: 'Whether you manage a large commercial or public fleet, or a municipality running smaller plow trucks on local roads, Certified Power Solutions delivers the systems, controls, and support you need to meet your snow and ice management goals with confidence.', image: 'https://certifiedpower.com/wp-content/uploads/2024/10/Plows-Hero.webp', badge: 'Over 50 years of experience', buttonText: 'Learn More', buttonVariant: 'default' as const, }, ] return (

{sections.map((section, index) => (

{section.title}

{section.description}

{section.badge && (

{section.badge}

)}

))}

) } [V0_FILE]typescriptreact:file="components/industries-served.tsx" isMerged="true" import { Card } from '@/components/ui/card' export function IndustriesServed() { const industries = [ { name: 'Paper', icon: '📄' }, { name: 'Agriculture', icon: '🌾' }, { name: 'Construction', icon: '🏗️' }, { name: 'Forestry', icon: '🌲' }, { name: 'Marine', icon: '⚓' }, { name: 'Municipalities', icon: '🏛️' }, { name: 'Oil & Gas', icon: '⛽' }, ] return (

Industries Served

{industries.map((industry, index) => (

{industry.icon}

{industry.name}

))}

) } [V0_FILE]typescriptreact:file="components/nothing-can-stop.tsx" isMerged="true" export function NothingCanStop() { return (

Nothing Can Stop You Now

No Gaps.

With Certified Power Solutions, there are no gaps because you have everything you need in one place, from parts to prototyping to testing.

No Games.

With Certified Power Solutions, there are no games because you have a proactive partner who knows how much is at stake and will always follow through.

No Guesswork.

With Certified Power Solutions, there's no guesswork because you have a provider that brings real engineering expertise, from sales to support.

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" import Link from 'next/link' import { Facebook, Twitter, Linkedin, Youtube } from 'lucide-react' export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="components/cta-modal.tsx" isMerged="true" 'use client' import { useState, useEffect } from 'react' import { Button } from '@/components/ui/button' import { X } from 'lucide-react' export function CTAModal() { const [isVisible, setIsVisible] = useState(false) useEffect(() => { const timer = setTimeout(() => { setIsVisible(true) }, 5000) return () => clearTimeout(timer) }, []) if (!isVisible) return null return (

Nothing Can Stop You Now!

Our experienced Certified Power Solutions team is ready to help your business innovate using the latest technology.

Have a project in mind?

) } [V0_FILE]css:file="app/globals.css" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: var(--font-inter), ui-sans-serif, system-ui, sans-serif; --font-montserrat: var(--font-montserrat), ui-sans-serif, system-ui, sans-serif; --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; } } /* Scrollbar hide utility */ .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; }