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

Update website to match style

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-15 07:56:47 +00:00
parent b759dd51f6
commit 9b4cb2aad5
8 changed files with 203 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/CompanyBlurb.tsx
View File

@@ -8,35 +8,49 @@ const CompanyBlurb = () => {
<section className="py-24 bg-bg-elevated">
<div className="container mx-auto px-4">
<div className="max-w-6xl mx-auto">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div className="space-y-6 animate-fade-in">
<h2 className="text-display-sm font-bold text-foreground">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
<div className="space-y-8 animate-fade-in">
<h2 className="text-4xl lg:text-5xl font-bold text-ink leading-tight">
Precision Craftsmanship, Reliable Service
</h2>
<p className="text-muted leading-relaxed text-lg">
<p className="text-muted leading-relaxed text-xl font-light">
{content.home.blurbLeft}
</p>
<Button className="group">
<Button size="lg" className="group bg-accent hover:bg-accent/90">
Learn More About Us
<ArrowRight className="ml-2 h-4 w-4 transition-transform group-hover:translate-x-1" />
</Button>
</div>
<div className="space-y-6 animate-fade-in">
<div className="bg-gradient-card rounded-xl p-8 shadow-subtle border border-border">
<p className="text-muted leading-relaxed">
<div className="space-y-8 animate-fade-in-up">
<div className="bg-gradient-card rounded-2xl p-8 shadow-elevated border border-border">
<p className="text-muted leading-relaxed text-lg mb-8">
{content.home.blurbRight}
</p>
{/* Stats */}
<div className="grid grid-cols-2 gap-6 mt-8 pt-6 border-t border-border">
<div className="text-center">
<div className="text-2xl font-bold text-accent">500+</div>
<div className="text-sm text-muted">Projects Completed</div>
{/* Enhanced Stats Grid */}
<div className="grid grid-cols-2 gap-8">
<div className="text-center group">
<div className="text-4xl font-bold text-accent mb-2 group-hover:animate-glow transition-all">500+</div>
<div className="text-sm text-muted font-medium">Projects Completed</div>
<div className="w-12 h-0.5 bg-accent/30 mx-auto mt-2"></div>
</div>
<div className="text-center">
<div className="text-2xl font-bold text-accent">20+</div>
<div className="text-sm text-muted">Years Experience</div>
<div className="text-center group">
<div className="text-4xl font-bold text-accent mb-2 group-hover:animate-glow transition-all">20+</div>
<div className="text-sm text-muted font-medium">Years Experience</div>
<div className="w-12 h-0.5 bg-accent/30 mx-auto mt-2"></div>
</div>
</div>
{/* Additional highlights */}
<div className="mt-8 pt-6 border-t border-border">
<div className="flex items-center justify-between text-sm">
<span className="text-muted">Certified Welders</span>
<span className="text-ink font-medium">✓ AWS Certified</span>
</div>
<div className="flex items-center justify-between text-sm mt-2">
<span className="text-muted">Safety Record</span>
<span className="text-ink font-medium">✓ Zero Incidents</span>
</div>
</div>
</div>