tknuth/bayarea
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Issues git resolved

Browse Source
This commit is contained in:
Timo Knuth
2026-04-20 19:29:21 +02:00
parent 16498f564d
commit 16764fc335
37 changed files with 2340 additions and 715 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
components/Hero.tsx
View File

@@ -110,13 +110,13 @@ const Hero: React.FC = () => {
<div className="relative z-10 text-center max-w-4xl px-6">
<div className="hero-stagger flex items-center justify-center gap-2 mb-6">
<span className="h-px w-8 bg-gray-400 dark:bg-gray-500"></span>
<span className="text-xs uppercase tracking-[0.2em] text-gray-600 dark:text-gray-400 font-medium">Serving the Coastal Bend since 2000</span>
<span className="text-xs uppercase tracking-[0.2em] text-gray-600 dark:text-gray-400 font-medium">Serving the Coastal Bend since 1996</span>
<span className="h-px w-8 bg-gray-400 dark:bg-gray-500"></span>
</div>
<h1 className="hero-stagger font-display text-5xl md:text-7xl lg:text-8xl font-medium tracking-tighter leading-[1.1] mb-8 text-gray-900 dark:text-white">
Reliable IT Services<br />
<span className="text-gray-500 dark:text-gray-500">for Over 25 Years</span>
<span className="text-gray-500 dark:text-gray-500">for Over 30 Years</span>
</h1>
<p className="hero-stagger text-lg md:text-xl text-gray-600 dark:text-gray-300 max-w-2xl mx-auto mb-10 font-light leading-relaxed">
@@ -124,21 +124,21 @@ const Hero: React.FC = () => {
</p>
<div className="hero-stagger flex flex-col sm:flex-row items-center justify-center gap-4">
<motion.a
href="#services"
className="px-8 py-3 bg-black dark:bg-white text-white dark:text-black rounded-full font-medium"
whileHover={{ scale: 1.05, backgroundColor: "#3b82f6", color: "#ffffff" }}
whileTap={{ scale: 0.95 }}
>
IT Services
</motion.a>
<motion.a
href="#contact"
className="px-8 py-3 bg-transparent border border-gray-300 dark:border-white/20 text-gray-900 dark:text-white rounded-full font-medium"
whileHover={{ scale: 1.05, backgroundColor: "rgba(255,255,255,0.1)", borderColor: "#ffffff" }}
whileTap={{ scale: 0.95 }}
>
Get in Touch
<motion.a
href="#services"
className="selection-inverse px-8 py-3 bg-black dark:bg-white text-white dark:text-black rounded-full font-medium"
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
>
IT Services
</motion.a>
<motion.a
href="/contact"
className="px-8 py-3 bg-transparent border border-gray-300 dark:border-white/20 text-gray-900 dark:text-white rounded-full font-medium"
whileHover={{ scale: 1.05, backgroundColor: "rgba(255,255,255,0.1)", borderColor: "#ffffff" }}
whileTap={{ scale: 0.95 }}
>
Get in Touch
</motion.a>
</div>
</div>