|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>About - Japanese Motors</title> |
|
|
<link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
|
|
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<link rel="stylesheet" href="assets/css/1d.css"> |
|
|
</head> |
|
|
<body class="bg-gray-100 font-sans"> |
|
|
|
|
|
<nav class="bg-white shadow-lg fixed w-full z-10"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex justify-between h-16"> |
|
|
<div class="flex items-center"> |
|
|
<a href="about.html" class="flex-shrink-0 flex items-center"> |
|
|
<i data-feather="zap" class="h-8 w-8 text-red-500"></i> |
|
|
<span class="ml-2 text-xl font-bold text-gray-900">JAPANESE MOTORS</span> |
|
|
</a> |
|
|
</div> |
|
|
<div class="hidden md:flex items-center space-x-8"> |
|
|
<a href="../index.html" class="nav-link text-gray-700 hover:text-red-500 px-3 py-2 rounded-md text-sm font-medium">Home</a> |
|
|
<a href="gallery.html" class="nav-link text-gray-700 hover:text-red-500 px-3 py-2 rounded-md text-sm font-medium">Inventory</a> |
|
|
<a href="services.html" class="nav-link text-gray-700 hover:text-red-500 px-3 py-2 rounded-md text-sm font-medium">Services</a> |
|
|
<a href="about.html" class="nav-link text-red-500 px-3 py-2 rounded-md text-sm font-medium">About</a> |
|
|
<a href="contact.html" class="bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-300">Contact</a> |
|
|
</div> |
|
|
<div class="md:hidden flex items-center"> |
|
|
<button class="text-gray-500 hover:text-gray-900 focus:outline-none"> |
|
|
<i data-feather="menu"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<div class="relative pt-32 pb-20 bg-gray-900"> |
|
|
<div class="absolute inset-0 bg-black opacity-50"></div> |
|
|
<div class="absolute inset-0 bg-center bg-cover" style="background-image: url('https://images.unsplash.com/photo-1566478985091-c2f6d2a45c0e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80');"></div> |
|
|
<div class="container mx-auto px-4 relative"> |
|
|
<div class="text-center"> |
|
|
<h1 class="text-4xl font-bold text-white mb-4" data-aos="fade-up">Our Story</h1> |
|
|
<p class="text-xl text-gray-300 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100">Dedicated to Japanese automotive excellence for over two decades</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> |
|
|
<div data-aos="fade-right"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-6">Welcome to Japanese Motors</h2> |
|
|
<p class="text-gray-600 mb-6">Since 1999, Japanese Motors has been the premier destination for enthusiasts and collectors of Japanese performance vehicles. What began as a small specialty import business has grown into a comprehensive automotive destination offering sales, service, and restoration of the finest Japanese cars.</p> |
|
|
<p class="text-gray-600 mb-6">Our passion for Japanese engineering excellence drives everything we do. From the legendary Nissan Skyline GT-R to the timeless Toyota Supra, we understand the unique character and performance potential of each vehicle we work with.</p> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<div class="flex items-center"> |
|
|
<i data-feather="award" class="text-red-500 mr-2"></i> |
|
|
<span class="font-medium">2000+ Vehicles Sold</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i data-feather="users" class="text-red-500 mr-2"></i> |
|
|
<span class="font-medium">1500+ Happy Clients</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div data-aos="fade-left"> |
|
|
<img src="https://images.unsplash.com/photo-1580273916550-e323be2ae537?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80" alt="Japanese Motors Showroom" class="rounded-lg shadow-lg w-full"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-gray-100"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">Our History</h2> |
|
|
<div class="w-20 h-1 bg-red-500 mx-auto"></div> |
|
|
<p class="mt-4 text-gray-600 max-w-2xl mx-auto">A journey of passion for Japanese automotive excellence</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-4xl mx-auto"> |
|
|
<div class="relative"> |
|
|
|
|
|
<div class="mb-12 flex items-start" data-aos="fade-up"> |
|
|
<div class="bg-red-500 rounded-full h-12 w-12 flex items-center justify-center text-white font-bold z-10 mr-6">1999</div> |
|
|
<div class="flex-1"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">Foundation</h3> |
|
|
<p class="text-gray-600">Japanese Motors was founded by Takashi Yamamoto with a vision to bring exceptional Japanese performance vehicles to enthusiasts worldwide. Started as a small import operation in Tokyo.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-12 flex items-start" data-aos="fade-up" data-aos-delay="100"> |
|
|
<div class="bg-red-500 rounded-full h-12 w-12 flex items-center justify-center text-white font-bold z-10 mr-6">2005</div> |
|
|
<div class="flex-1"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">First Showroom</h3> |
|
|
<p class="text-gray-600">Opened our first dedicated showroom in Osaka, allowing customers to experience vehicles firsthand. Expanded inventory to include rare JDM models.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-12 flex items-start" data-aos="fade-up" data-aos-delay="200"> |
|
|
<div class="bg-red-500 rounded-full h-12 w-12 flex items-center justify-center text-white font-bold z-10 mr-6">2012</div> |
|
|
<div class="flex-1"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">Service Department</h3> |
|
|
<p class="text-gray-600">Launched our state-of-the-art service center with factory-trained technicians specializing in Japanese performance vehicles. Became an authorized service provider for multiple brands.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-12 flex items-start" data-aos="fade-up" data-aos-delay="300"> |
|
|
<div class="bg-red-500 rounded-full h-12 w-12 flex items-center justify-center text-white font-bold z-10 mr-6">2018</div> |
|
|
<div class="flex-1"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">Global Expansion</h3> |
|
|
<p class="text-gray-600">Established international shipping partnerships, enabling us to serve customers across North America, Europe, and Australia. Featured in multiple automotive publications.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex items-start" data-aos="fade-up" data-aos-delay="400"> |
|
|
<div class="bg-red-500 rounded-full h-12 w-12 flex items-center justify-center text-white font-bold z-10 mr-6">2023</div> |
|
|
<div class="flex-1"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">Digital Innovation</h3> |
|
|
<p class="text-gray-600">Launched virtual showroom and online concierge services. Celebrated 24 years of excellence in the Japanese automotive industry with over 2,000 vehicles delivered to enthusiasts worldwide.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">Our Values</h2> |
|
|
<div class="w-20 h-1 bg-red-500 mx-auto"></div> |
|
|
<p class="mt-4 text-gray-600 max-w-2xl mx-auto">The principles that guide everything we do</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> |
|
|
<div class="value-card text-center p-6 rounded-lg bg-gray-50 transition duration-300" data-aos="fade-up"> |
|
|
<div class="value-icon bg-red-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 transition duration-300"> |
|
|
<i data-feather="check-circle" class="w-8 h-8 text-red-500"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">Quality</h3> |
|
|
<p class="text-gray-600">We are committed to delivering the highest quality vehicles and services, with meticulous attention to detail in everything we do.</p> |
|
|
</div> |
|
|
|
|
|
<div class="value-card text-center p-6 rounded-lg bg-gray-50 transition duration-300" data-aos="fade-up" data-aos-delay="100"> |
|
|
<div class="value-icon bg-red-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 transition duration-300"> |
|
|
<i data-feather="shield" class="w-8 h-8 text-red-500"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">Integrity</h3> |
|
|
<p class="text-gray-600">We believe in transparency and honesty, building trust through clear communication and ethical business practices.</p> |
|
|
</div> |
|
|
|
|
|
<div class="value-card text-center p-6 rounded-lg bg-gray-50 transition duration-300" data-aos="fade-up" data-aos-delay="200"> |
|
|
<div class="value-icon bg-red-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 transition duration-300"> |
|
|
<i data-feather="heart" class="w-8 h-8 text-red-500"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">Passion</h3> |
|
|
<p class="text-gray-600">Our team shares a genuine passion for Japanese automotive culture, which drives our dedication to excellence.</p> |
|
|
</div> |
|
|
|
|
|
<div class="value-card text-center p-6 rounded-lg bg-gray-50 transition duration-300" data-aos="fade-up" data-aos-delay="300"> |
|
|
<div class="value-icon bg-red-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 transition duration-300"> |
|
|
<i data-feather="users" class="w-8 h-8 text-red-500"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-3">Community</h3> |
|
|
<p class="text-gray-600">We foster a vibrant community of Japanese car enthusiasts through events, knowledge sharing, and mutual appreciation.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-gray-100"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">Meet Our Team</h2> |
|
|
<div class="w-20 h-1 bg-red-500 mx-auto"></div> |
|
|
<p class="mt-4 text-gray-600 max-w-2xl mx-auto">Experts passionate about Japanese automotive excellence</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
<div class="team-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300" data-aos="fade-up"> |
|
|
<img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Takashi Yamamoto" class="w-full h-64 object-cover"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-1">Takashi Yamamoto</h3> |
|
|
<p class="text-red-500 mb-4">Founder & CEO</p> |
|
|
<p class="text-gray-600 mb-4">With over 30 years in the automotive industry, Takashi's vision established Japanese Motors as a global leader in JDM vehicles.</p> |
|
|
<div class="flex space-x-3"> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="linkedin" class="w-5 h-5"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="twitter" class="w-5 h-5"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="mail" class="w-5 h-5"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="team-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300" data-aos="fade-up" data-aos-delay="100"> |
|
|
<img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Yuki Tanaka" class="w-full h-64 object-cover"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-1">Yuki Tanaka</h3> |
|
|
<p class="text-red-500 mb-4">Head of Sales</p> |
|
|
<p class="text-gray-600 mb-4">Yuki's expertise in JDM vehicles and customer service ensures our clients find their perfect Japanese performance vehicle.</p> |
|
|
<div class="flex space-x-3"> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="linkedin" class="w-5 h-5"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="twitter" class="w-5 h-5"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="mail" class="w-5 h-5"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="team-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300" data-aos="fade-up" data-aos-delay="200"> |
|
|
<img src="https://images.unsplash.com/photo-1611439699130-d68968717092?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Kenji Sato" class="w-full h-64 object-cover"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-1">Kenji Sato</h3> |
|
|
<p class="text-red-500 mb-4">Master Technician</p> |
|
|
<p class="text-gray-600 mb-4">Kenji brings 25 years of technical expertise specializing in Nissan GT-R and Toyota Supra performance modifications.</p> |
|
|
<div class="flex space-x-3"> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="linkedin" class="w-5 h-5"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="twitter" class="w-5 h-5"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="mail" class="w-5 h-5"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">What Our Clients Say</h2> |
|
|
<div class="w-20 h-1 bg-red-500 mx-auto"></div> |
|
|
<p class="mt-4 text-gray-600 max-w-2xl mx-auto">Hear from enthusiasts who have experienced the Japanese Motors difference</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 p-6 rounded-lg" data-aos="fade-up"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-red-500 mr-2"> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600 mb-4">"Japanese Motors helped me import my dream R34 GT-R from Japan. Their expertise made the process smooth and worry-free. The car was even better than described!"</p> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-12 h-12 rounded-full bg-gray-300 mr-3 overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80" alt="Michael Chen" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-gray-800">Michael Chen</h4> |
|
|
<p class="text-gray-500">California, USA</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-lg" data-aos="fade-up" data-aos-delay="100"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-red-500 mr-2"> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600 mb-4">"The team at Japanese Motors transformed my FD RX-7 with their performance upgrades. Their knowledge of rotary engines is unmatched. Absolutely thrilled with the results!"</p> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-12 h-12 rounded-full bg-gray-300 mr-3 overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80" alt="Sarah Johnson" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-gray-800">Sarah Johnson</h4> |
|
|
<p class="text-gray-500">London, UK</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-lg" data-aos="fade-up" data-aos-delay="200"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-red-500 mr-2"> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600 mb-4">"I've been dealing with Japanese Motors for over 10 years. Their after-sales service and support are exceptional. They truly care about their customers beyond the initial sale."</p> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-12 h-12 rounded-full bg-gray-300 mr-3 overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1552058544-f2b08422138a?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80" alt="David Müller" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-gray-800">David Müller</h4> |
|
|
<p class="text-gray-500">Berlin, Germany</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-red-500 text-white"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h2 class="text-3xl font-bold mb-6">Experience the Japanese Motors Difference</h2> |
|
|
<p class="text-xl mb-8 max-w-2xl mx-auto">Join our community of enthusiasts and discover why we're the trusted name in Japanese performance vehicles.</p> |
|
|
<div class="flex flex-col sm:flex-row justify-center gap-4"> |
|
|
<a href="gallery.html" class="bg-white text-red-500 px-8 py-3 rounded-md font-bold transition duration-300 hover:bg-gray-100"> |
|
|
Browse Inventory |
|
|
</a> |
|
|
<a href="contact.html" class="border-2 border-white text-white px-8 py-3 rounded-md font-bold transition duration-300 hover:bg-white hover:text-red-500"> |
|
|
Contact Us |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white py-12"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold mb-4">Japanese Motors</h3> |
|
|
<p class="text-gray-400">Premium Japanese performance vehicles imported directly from Japan.</p> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Quick Links</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="../index.html" class="text-gray-400 hover:text-red-500">Home</a></li> |
|
|
<li><a href="gallery.html" class="text-gray-400 hover:text-red-500">Inventory</a></li> |
|
|
<li><a href="services.html" class="text-gray-400 hover:text-red-500">Services</a></li> |
|
|
<li><a href="about.html" class="text-gray-400 hover:text-red-500">About Us</a></li> |
|
|
<li><a href="contact.html" class="text-gray-400 hover:text-red-500">Contact</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Contact Info</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li class="flex items-center"> |
|
|
<i data-feather="map-pin" class="mr-2 w-4 h-4"></i> |
|
|
<span class="text-gray-400">123 Automotive Way, Tokyo, Japan</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i data-feather="phone" class="mr-2 w-4 h-4"></i> |
|
|
<span class="text-gray-400">+81 3 1234 5678</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i data-feather="mail" class="mr-2 w-4 h-4"></i> |
|
|
<span class="text-gray-400">info@japanesemotors.com</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Follow Us</h3> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="facebook" class="w-6 h-6"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="instagram" class="w-6 h-6"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="twitter" class="w-6 h-6"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-red-500"><i data-feather="youtube" class="w-6 h-6"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400"> |
|
|
<p>© 2023 Japanese Motors. All rights reserved.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
feather.replace(); |
|
|
AOS.init(); |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
