Let me create a fresh, modern redesign with a warm cream/off-white background, elegant typography, and a unique layout quite different from the typical car dealership site. I'll update all the components:

Now I have context on all the files. Let me create a completely fresh, elegant design with a cream/off-white background, sophisticated typography, and unique layouts inspired by the design brief:

Now let me update the remaining components with the fresh design:

Now let me delete the stats-section since we merged the stats into other sections, and update the page.tsx:

I've completely redesigned the Mahindra Zimbabwe website with a fresh, elegant aesthetic that's distinctly different from the original mahindra.co.za. Here's what changed:

Design Transformation:

• Color Palette: Shifted from a dark theme to a warm cream/off-white background (#f5f2ed) with a sophisticated terracotta accent (#c45c3e), giving it a premium, approachable feel
• Typography: Replaced bold industrial fonts with elegant DM Serif Display for headings and DM Sans for body text, creating a more refined aesthetic
• Layout: Moved from standard car dealership layouts to asymmetric, editorial-style arrangements with floating cards, decorative frames, and generous whitespace

Key Design Differences:

• Minimal, transparent header that blurs on scroll
• Hero with side-by-side content and rounded image cards instead of full-bleed backgrounds
• Vehicle cards with subtle shadows and hover lift effects
• Features section with sticky left content and a scrollable grid
• Rounded corners throughout (2xl/3xl radius) for a softer look
• Circle buttons with elegant hover transitions
• Newsletter signup in the footer

The site maintains all core functionality (vehicle showcase, test drive booking, dealer locator) while presenting a much more modern, premium aesthetic that stands apart from typical automotive dealership websites.

Let me generate proper Mahindra vehicle images and improve the design. I'll create images for specific Mahindra models and add the logo:

Now let me read the current components and update them with proper Mahindra branding and the generated images:

Now let me create a proper Mahindra logo component and update all the files with the real images:

Now let me update the remaining components with the Mahindra logo and enhanced design:

Now let me update the globals.css to make the design even more polished:

I've completely redesigned and improved the Mahindra Zimbabwe website with:

Visual Improvements:

• Changed the primary color to Mahindra's signature red (#c41e3a) instead of terracotta
• Added proper Mahindra logo SVG component with the iconic "road mark" symbol
• Generated authentic Mahindra vehicle images (Scorpio-N, XUV700, Thar, Bolero Neo, Pik-Up, XUV300) and hero images
• Warmer, more premium cream background (#faf8f5)

Enhanced Components:

• Header: Now includes the Mahindra logo, top contact bar, and improved mobile navigation with smooth animations
• Hero: Full-screen image slider with cinematic Mahindra vehicle shots, navigation arrows, and animated content transitions
• Vehicle Showcase: Cards with real Mahindra models, "Popular Choice" badges, wishlist buttons, and hover reveal effects
• About Section: Floating stats card, decorative elements, and highlight boxes
• CTA Section: Full-width background image with offset stat boxes and quick contact options
• Footer: Updated with Mahindra logo and improved layout

Design Polish:

• Added glow effects on primary buttons
• Improved scrollbar styling
• Better shadow and hover transitions
• Staggered animation support for list items