Handcrafted with Nuxt

This site wasn’t built with an online editor or a cookie-cutter WordPress theme. Every line of code is hand-tuned, ensuring performance and a truly custom experience.

We believe in the power of custom development. With Nuxt at the core, our site delivers blazing-fast load times and a unique, geek-approved vibe that sets us apart.

Below is the code for this page component—every bit hand-coded, not cookie-cutter:

  <template>
	<section class="bg-gray-800 py-16 px-6 md:px-20">
	  <div class="max-w-7xl mx-auto flex flex-col md:flex-row items-start">
		<!-- Left Column: Main Title and Logos -->
		<div class="w-full md:w-1/3 mb-8 md:mb-0">
		  <h2 class="text-5xl md:text-6xl font-extrabold text-[#ff4500] mb-4">
			Geek Stuff
		  </h2>
		  <div class="flex flex-col space-y-4">
			<img src="/nuxt-white.png" alt="Nuxt Logo" class="w-48">
			<img src="/logo-vuejs.svg" alt="Vue.js Logo" class="w-24">
			<img src="/logo-tailwind.png" alt="Tailwind CSS Logo" class="w-64">
			<img src="/logo-vscode.png" alt="VSCode Logo" class="w-64">
		  </div>
		</div>
		<!-- Right Column: Subheading and Content -->
		<div class="w-full md:w-2/3 md:pl-12 text-white text-lg">
		  <h3 class="text-3xl font-bold text-[#ff4500] mb-4">
			Handcrafted with Nuxt
		  </h3>
		  <p class="mb-4">
			This site wasn’t built with an online editor or a cookie-cutter WordPress theme. Every line of code is hand-tuned, ensuring performance and a truly custom experience.
		  </p>
		  <p>
			We believe in the power of custom development. With Nuxt at the core, our site delivers blazing-fast load times and a unique, geek-approved vibe that sets us apart.
		  </p>
		</div>
	  </div>
	</section>
  </template>
  
  <script>
  export default {
	name: "GeekStuff"
  };
  </script>