feat(ui): replace text logo with responsive SVG images and update feature descriptions

Updated the landing page hero section to use SVG logo images with dark mode support instead of text-based branding. Replaced the Shield icon and "Secure Storage" feature with a lightning bolt icon and "Automated Workflows" feature to better reflect the product's automation capabilities. Updated feature descriptions to emphasize workflow automation over security storage.

app/page.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
+import Image from "next/image";
 import { getKindeServerSession } from "@kinde-oss/kinde-auth-nextjs/server";
-import { ArrowRight, Zap, Shield, BarChart3 } from "lucide-react";
+import { ArrowRight, Zap, BarChart3 } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 
@@ -16,13 +17,28 @@ export default async function Home() {
           <div className="mx-auto max-w-2xl text-center">
             <h1 className="text-4xl font-bold tracking-tight text-foreground sm:text-6xl">
               Welcome to{" "}
-              <span className="bg-gradient-to-r from-primary to-primary/60 bg-clip-text text-transparent">
-                VTOR.IO
+              <span className="inline-block h-12 w-auto sm:h-16">
+                <Image
+                  src="/vtorio.svg"
+                  alt="VTOR.IO"
+                  width={96}
+                  height={24}
+                  className="h-full w-auto dark:hidden"
+                  priority
+                />
+                <Image
+                  src="/vtorio-dark.svg"
+                  alt="VTOR.IO"
+                  width={96}
+                  height={24}
+                  className="h-full w-auto hidden dark:block"
+                  priority
+                />
               </span>
             </h1>
             <p className="mt-6 text-lg leading-8 text-muted-foreground">
               Streamline your workflow with powerful file management, intelligent imports,
-              and comprehensive analytics. Built for modern teams who value efficiency.
+              and comprehensive analytics. Automate your data workflows with ease.
             </p>
             <div className="mt-10 flex items-center justify-center gap-x-6">
               {user ? (
@@ -88,17 +104,19 @@ export default async function Home() {
             <Card className="relative overflow-hidden">
               <CardHeader>
                 <div className="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4">
-                  <Shield className="w-6 h-6 text-primary" />
+                  <svg className="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
+                  </svg>
                 </div>
-                <CardTitle>Secure Storage</CardTitle>
+                <CardTitle>Automated Workflows</CardTitle>
                 <CardDescription>
-                  Your files are encrypted and safely stored in the cloud
+                  Streamline repetitive tasks with intelligent automation and scheduled processing
                 </CardDescription>
               </CardHeader>
               <CardContent>
                 <p className="text-sm text-muted-foreground">
-                  Enterprise-grade security with encrypted file storage,
-                  access controls, and audit trails for complete peace of mind.
+                  Create powerful automation rules that trigger file processing, data validation,
+                  and report generation based on schedules or events. Save hours of manual work.
                 </p>
               </CardContent>
             </Card>