feat: synchronize background nebula animations and overhaul site copy

- perfectly synced nebula streamer impacts with computer icon pulse
- standardized typography with left-border headers and blurbs across landing and services pages
- expanded services page with specialized solutions for commerce, custom apps, and crypto
- fixed bento grid image distortion and background persistence issues
- corrected hydration and syntax errors in nebula-field

apps/web/src/components/landing/services-preview.tsx

@@ -2,19 +2,28 @@ import { Card } from "@repo/ui/components/card";
 
 export function ServicesPreview() {
   return (
-        <div className="grid md:grid-cols-3 gap-6 w-full max-w-6xl mx-auto px-4 mt-8 mb-16">
+    <div className="w-full max-w-6xl mx-auto px-4 mt-8 mb-16">
+        <div className="text-left mb-8 px-2 border-l-2 border-emerald-500/50 pl-6">
+            <h3 className="text-2xl font-bold mb-2">High-Performance Webshops</h3>
+            <p className="text-muted-foreground text-lg max-w-3xl">
+                We build commerce infrastructure that scales with you. From complex supply chains 
+                to global payments, we handle the technical heavy lifting so you can focus on your brand.
+            </p>
+        </div>
+
+        <div className="grid md:grid-cols-3 gap-6">
             <Card className="p-6 bg-card/50 backdrop-blur-sm border-indigo-500/20 hover:border-indigo-500/40 transition-colors text-left">
-                <h3 className="text-xl font-bold mb-2">Unlimited Data Modeling</h3>
+                <h3 className="text-xl font-bold mb-2">Native Crypto & Payments</h3>
                 <p className="text-sm text-muted-foreground">
-                    Need a product with "DNA Sequence", "Artist Bio", and "Royalty Logic"? 
-                    We model that natively in the database, not via hacky meta-fields.
+                    Deep expertise in multi-currency checkout, fiat-to-crypto onboarding, and 
+                    DeFi integration. We build payments that work everywhere, for everyone.
                 </p>
             </Card>
             <Card className="p-6 bg-card/50 backdrop-blur-sm border-indigo-500/20 hover:border-indigo-500/40 transition-colors text-left">
-                <h3 className="text-xl font-bold mb-2">Workflow Orchestration</h3>
+                <h3 className="text-xl font-bold mb-2">Zero Capital Upfront</h3>
                 <p className="text-sm text-muted-foreground">
-                     Automate complex business logic—like splitting an order between a print-on-demand provider 
-                     and a local warehouse automatically using Medusa Workflows.
+                     We operate on a "Toast" style partnership model. No massive setup fees or 
+                     stiff monthly subscriptions—we only win when you're making sales.
                 </p>
             </Card>
             <Card className="p-6 bg-card/50 backdrop-blur-sm border-indigo-500/20 hover:border-indigo-500/40 transition-colors text-left">
@@ -25,5 +34,6 @@ export function ServicesPreview() {
                 </p>
             </Card>
         </div>
+    </div>
   )
 }