[V0_FILE]jpg:file="public/high-end-luxury-car-wheel-close-up-dark-automotive.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/high-end-luxury-car-wheel-close-up-dark-automotive-Aig0a6mkut4fZJ8UDxMmXoEEWK1Znh.jpg" isMerged="true" [V0_FILE]jpg:file="public/before-and-after-car-wheel-restoration-damaged-whe.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/before-and-after-car-wheel-restoration-damaged-whe-CaBVlJevspNAyY131BG98onMkWSMIM.jpg" isMerged="true" [V0_FILE]jpg:file="public/powder-coated-car-wheels-glossy-black-finish-premi.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/powder-coated-car-wheels-glossy-black-finish-premi-vWW3zMTJA8dJum03OnGv22d8GPBdd3.jpg" isMerged="true" [V0_FILE]jpg:file="public/cnc-machined-car-wheel-precision-finish-automotive.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cnc-machined-car-wheel-precision-finish-automotive-4fLfOSMPaLR9UgnBYG3bgMEcPeiQjy.jpg" isMerged="true" [V0_FILE]jpg:file="public/restored-alloy-wheels-custom-color-powder-coating.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/restored-alloy-wheels-custom-color-powder-coating-fhWs5vVW7drlbm8XARamYapmEMnyVS.jpg" isMerged="true" [V0_FILE]jpg:file="public/luxury-sports-car-wheels-close-up-dramatic-lightin.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/luxury-sports-car-wheels-close-up-dramatic-lightin-6skn8QgAqNCGrS6Tnc94Lx4i5CJPKN.jpg" isMerged="true" [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.0", "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": "^0.9.9", "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]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.12 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.18 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.18 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.65 0.19 35); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.25 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.25 0 0); --muted-foreground: oklch(0.65 0 0); --accent: oklch(0.25 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(1 0 0); --border: oklch(0.3 0 0); --input: oklch(0.3 0 0); --ring: oklch(0.65 0.19 35); --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.5rem; --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: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --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 animations for fade-in-up effect */ @keyframes fade-in-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fade-in-up 0.6s ease-out forwards; opacity: 0; } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" import type React from "react" import type { Metadata } from "next" import { Geist, Geist_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const _geist = Geist({ subsets: ["latin"] }) const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { title: "BeautifulRims - Your Wheel Specialist", description: "From repair and powder coating to CNC machining. We make your wheels look like new again.", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/navigation.tsx" isEdit="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import Link from "next/link" import { Menu, X } from "lucide-react" export function Navigation() { const [isScrolled, setIsScrolled] = useState(false) const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false) useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 10) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) const closeMobileMenu = () => { setIsMobileMenuOpen(false) } return (

{/* Logo */} BeautifulRims

Services Projects About Us Contact

{isMobileMenuOpen && (

)}

Services Projects About Us Contact

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Navigation } from "@/components/navigation" import { Wrench, Cog, Target, Droplet, Hammer, ShoppingCart, CheckCircle, Clock, Award } from "lucide-react" import Image from "next/image" import Link from "next/link" export default function Home() { const services = [ { icon: Droplet, title: "Powder Coating", description: "High-quality powder coating in any desired color", }, { icon: Cog, title: "CNC Machining", description: "Precision CNC operations for perfect wheels", }, { icon: Target, title: "Wheel Straightening", description: "Professional straightening of damaged wheels", }, { icon: Wrench, title: "Stripping & Blasting", description: "Thorough stripping and blasting for a perfect base", }, { icon: Hammer, title: "Wheel Repair", description: "Expert repair of all types of wheel damage", }, { icon: ShoppingCart, title: "Wheel Sales & Purchase", description: "Wide selection of wheels in various sizes and styles", hasButton: true, }, ] return (

Specialist since 2010

Your Wheel Specialist.

From repair and powder coating to CNC machining. We make your wheels look like new again.

5000+

Wheels Serviced

15+

Years Experience

100%

Customer Satisfaction

What We Do

Our Expertise

Professional wheel service with years of experience

{services.map((service, index) => (

{service.title}

{service.description}

{service.hasButton && ( )} ))}

Portfolio

Recent Work

View our transformations

FEATURED PROJECT

Before & After: Wheel Repair

Complete restoration with powder coating

POWDER COATING

Glossy Black

CNC MACHINING

Precision Work

CUSTOM COLOR

Metallic Blue Finish

Ready to transform your wheels?

) } [V0_FILE]typescriptreact:file="app/diensten/page.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Navigation } from "@/components/navigation" import { Wrench, Cog, Target, Droplet, Hammer, ShoppingCart, CheckCircle } from "lucide-react" import Image from "next/image" import Link from "next/link" export default function DienstenPage() { const services = [ { icon: Droplet, title: "Powder Coating", description: "High-quality powder coating in any desired color for a durable and stylish finish on your wheels.", features: [ "Choice of hundreds of RAL colors", "Matte, glossy or metallic finish", "Durable protection against corrosion", "Environmentally friendly process", "Fast delivery time", ], }, { icon: Cog, title: "CNC Machining", description: "Precision CNC operations for perfect wheels. We machine your wheels with the latest CNC technology for a factory-like finish.", features: [ "High-quality CNC machines", "Precision to the micron", "Diamond finish possible", "Suitable for all wheel types", "Professional post-treatment", ], }, { icon: Target, title: "Wheel Straightening", description: "Professional straightening of damaged wheels. We have modern straightening equipment to make your wheels perfectly round again.", features: [ "Radial and axial straightening", "Suitable for steel and alloy wheels", "Check on balancing machine", "No warranty loss", "Also for heavily damaged wheels", ], }, { icon: Wrench, title: "Stripping & Blasting", description: "Thorough stripping and blasting for a perfect base. We completely remove old paint and corrosion for optimal results.", features: [ "Chemical stripping", "Sandblasting or glass bead blasting", "Removal of all old coating", "Perfect adhesion for new coating", "Environmentally friendly process", ], }, { icon: Hammer, title: "Wheel Repair", description: "Expert repair of all types of wheel damage. From small scratches to heavy damage, we make your wheels look like new again.", features: [ "Repair of scratches and dents", "Welding of cracks", "Repair of rim damage", "Removal of corrosion", "Complete restoration possible", ], }, { icon: ShoppingCart, title: "Wheel Sales & Purchase", description: "Wide selection of wheels in various sizes and styles. We also buy your used wheels for a fair price.", features: [ "Large stock of used wheels", "Various brands and sizes", "Purchase of used wheels", "Fair prices", "View our inventory on Marketplace", ], }, ] return (

Our Services

At BeautifulRims we offer a complete package of wheel services. From repair and powder coating to CNC machining and sales and purchase. Everything under one roof with years of experience and craftsmanship.

{services.map((service, index) => (

{service.title}

{service.description}

What we offer:

{feature}

{service.title === "Wheel Sales & Purchase" && ( )}

))}

Interested in one of our services?

Request a free quote today and discover what we can do for you.

) } [V0_FILE]typescriptreact:file="app/projecten/page.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Navigation } from "@/components/navigation" import Image from "next/image" import Link from "next/link" export default function ProjectenPage() { const projects = [ { title: "Before & After: Complete Wheel Repair", description: "These wheels came in with severe rim damage and corrosion. After straightening, repair and powder coating in glossy black, they look like new again.", image: "/before-and-after-car-wheel-restoration-damaged-whe.jpg", services: ["Straightening", "Repair", "Powder Coating"], }, { title: "Powder Coating: Glossy Black", description: "A set of premium wheels finished with high-quality glossy black powder coating. The result is a deep, durable shine that lasts for years.", image: "/powder-coated-car-wheels-glossy-black-finish-premi.jpg", services: ["Stripping", "Powder Coating"], }, { title: "CNC Machining: Precision Work", description: "These wheels have been completely restored and finished with a beautiful CNC finish. The diamond-cut finish gives a luxurious appearance.", image: "/cnc-machined-car-wheel-precision-finish-automotive.jpg", services: ["CNC Machining", "Powder Coating"], }, { title: "Custom Color: Metallic Blue", description: "A unique custom color for these wheels. The metallic blue powder coating gives the car a striking and personal appearance.", image: "/restored-alloy-wheels-custom-color-powder-coating.jpg", services: ["Stripping", "Powder Coating"], }, { title: "Premium Restoration", description: "Complete restoration of these high-end wheels. From stripping to powder coating and CNC machining, everything was carried out with the greatest care.", image: "/luxury-sports-car-wheels-close-up-dramatic-lightin.jpg", services: ["Stripping", "Repair", "CNC Machining", "Powder Coating"], }, ] return (

Our Projects

View a selection of our recently completed projects. From complete restorations to custom powder coatings, each project is carried out with the same dedication and craftsmanship.

{projects.map((project, index) => (

{project.title}

{project.description}

Services performed:

{project.services.map((service, idx) => ( {service} ))}

))}

500+

Wheels restored

10+

Years experience

100%

Customer satisfaction

Want such a result too?

Let us transform your wheels. Request a free quote today.

) } [V0_FILE]typescriptreact:file="app/over-ons/page.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Navigation } from "@/components/navigation" import { Award, Users, Wrench, Heart } from "lucide-react" import Image from "next/image" import Link from "next/link" export default function OverOnsPage() { const values = [ { icon: Award, title: "Craftsmanship", description: "Years of experience and continuous development ensure the highest quality level.", }, { icon: Users, title: "Personal Service", description: "Every project gets our full attention. Your satisfaction is our priority.", }, { icon: Wrench, title: "Modern Equipment", description: "We continuously invest in the latest technology for the best results.", }, { icon: Heart, title: "Passion for Wheels", description: "Our love for cars and wheels is visible in every project we undertake.", }, ] return (

About BeautifulRims

Your specialist in wheel service with a passion for perfection

Our Story

BeautifulRims was born from a passion for cars and an eye for detail. What started as a small business has grown into a specialized company in wheel service, where quality and craftsmanship come first.

With more than 10 years of experience in the industry, we have developed into a reliable partner for individuals and businesses. Whether it's a complete restoration, a custom powder coating or precision CNC work, we treat every wheel with the same care and attention.

Our team consists of experienced craftsmen who use their knowledge and skills daily to achieve the best results. We continuously invest in the latest equipment and techniques, so we can always offer our customers the highest quality.

At BeautifulRims it's not just about wheels, but about the complete experience. From the first contact to delivery, we provide personal and professional service. Your satisfaction is our greatest motivation.

Our Core Values

What we stand for

{values.map((value, index) => (

{value.title}

{value.description}

))}

Why BeautifulRims?

Everything under one roof

From repair to powder coating and CNC machining. You don't need to go to multiple companies, we arrange everything for you.

Fair prices

Transparent prices without hidden costs. You know exactly what to expect in advance.

Fast delivery time

We understand that you want to get back on the road quickly. That's why we work efficiently without compromising on quality.

Personal advice

Not sure which service you need? We're happy to think along with you and advise you without obligation.

Ready to get acquainted?

) } [V0_FILE]typescriptreact:file="app/contact/page.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Navigation } from "@/components/navigation" import { MapPin, Mail, Clock, Phone } from "lucide-react" import Image from "next/image" import Link from "next/link" export default function ContactPage() { return (

Get In Touch

Do you have questions or would you like to make an appointment? We are here for you!

Address

Mockstreet 10
1010MM Mocktown
Netherlands

Email

beautifulrims@outlook.com

Opening Hours

Monday - Friday: 08:00 - 17:00

Saturday: By appointment

Sunday: Closed

Phone Contact

Call or email us for questions or to make an appointment. We are happy to help you!

About

Tags

Share

About

Tags

Share

More from m-sahin

About

Tags

Share

About

Tags

Share

More from m-sahin