feat: add Convex integration, new sections, and UI improvements

- Add Convex backend integration with contact form actions
- Add new sections: Benefits, ContactFormHybrid, Derivative, Mission, NetworkRecoverySteps, Services, Supporters, UnicornStudioEffect
- Refactor Slider component into separate index and script files
- Update Icon component and remove old Testimonials section
- Add 3D scene JSON files and background SVG
- Update Tailwind config and styles
- Add package.json and wrangler.toml for deployment

Author: danielfurt

.deco/blocks/pages-home-5afd25174424.json

@@ -1,42 +1,55 @@
 {
-    "name": "Home",
-    "path": "/",
-    "sections": [
-      {
-        "__resolveType": "Header"
-      },
-      {
-        "__resolveType": "site/sections/Hero.tsx",
-        "title": "<p>Click here to tweak this text however you want.</p>",
-        "cta": [],
-        "description": "This text is fully editable and ready for your personal touch. Just click here, head over to the section window, or dive straight into the code to make changes as you see fit. Whether it's about the content, formatting, font, or anything in between, editing is just a click away."
-      },
-      {
-        "__resolveType": "site/sections/Logos.tsx"
-      },
-      {
-        "__resolveType": "site/sections/ImageWithParagraph.tsx"
-      },
-      {
-        "__resolveType": "site/sections/ImageWithParagraph.tsx",
-        "placement": "right"
-      },
-      {
-        "__resolveType": "site/sections/BlogPosts.tsx"
-      },
-      {
-        "__resolveType": "site/sections/Testimonials.tsx",
-        "arrows": true
-      },
-      {
+  "name": "Home",
+  "path": "/",
+  "sections": [
+    {
+      "__resolveType": "Header"
+    },
+    {
+      "__resolveType": "website/sections/Rendering/Lazy.tsx",
+      "section": {
+        "__resolveType": "site/sections/Derivative.tsx"
+      }
+    },
+    {
+      "__resolveType": "website/sections/Rendering/Lazy.tsx",
+      "section": {
+        "__resolveType": "site/sections/NetworkRecoverySteps.tsx"
+      }
+    },
+    {
+      "__resolveType": "website/sections/Rendering/Lazy.tsx",
+      "section": {
+        "__resolveType": "site/sections/Services.tsx"
+      }
+    },
+    {
+      "__resolveType": "website/sections/Rendering/Lazy.tsx",
+      "section": {
+        "__resolveType": "site/sections/Benefits.tsx"
+      }
+    },
+    {
+      "__resolveType": "website/sections/Rendering/Lazy.tsx",
+      "section": {
+        "__resolveType": "site/sections/Mission.tsx"
+      }
+    },
+    {
+      "__resolveType": "website/sections/Rendering/Lazy.tsx",
+      "section": {
         "__resolveType": "site/sections/Faq.tsx"
-      },
-      {
-        "__resolveType": "Footer"
       }
-    ],
-    "__resolveType": "website/pages/Page.tsx",
-    "seo": {
-      "__resolveType": "website/sections/Seo/SeoV2.tsx"
+    },
+    {
+      "__resolveType": "website/sections/Rendering/Lazy.tsx",
+      "section": {
+        "__resolveType": "site/sections/ContactFormHybrid.tsx"
+      }
     }
-  }
+  ],
+  "__resolveType": "website/pages/Page.tsx",
+  "seo": {
+    "__resolveType": "website/sections/Seo/SeoV2.tsx"
+  }
+}

.deco/metadata/blocks.json

@@ -1 +1 @@
-{"/.deco/blocks/Mobile.json":{"blockType":"matchers","__resolveType":"website/matchers/device.ts"},"/.deco/blocks/Preview%20%2Fsections%2FHero.tsx.json":{"blockType":"sections","__resolveType":"site/sections/Hero.tsx"},"/.deco/blocks/Header.json":{"blockType":"sections","__resolveType":"site/sections/Header.tsx"},"/.deco/blocks/Faq%20-%20default.json":{"blockType":"sections","__resolveType":"site/sections/Faq.tsx"},"/.deco/blocks/pages-home-5afd25174424.json":{"name":"Home","path":"/","blockType":"pages","__resolveType":"website/pages/Page.tsx"},"/.deco/blocks/Sunset%20Glow.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/pages-test-3c04f2690620.json":{"name":"Test","path":"/test","blockType":"pages","__resolveType":"website/pages/Page.tsx"},"/.deco/blocks/Preview%20Sections%20MyHero.json":{"blockType":"sections","__resolveType":"site/sections/myHero.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FFaq.tsx.json":{"blockType":"sections","__resolveType":"site/sections/Faq.tsx"},"/.deco/blocks/app-site%252Fapps%252Fsite.ts.json":{"blockType":"apps","__resolveType":"site/apps/site.ts"},"/.deco/blocks/deco-htmx.json":{"blockType":"apps","__resolveType":"site/apps/deco/htmx.ts"},"/.deco/blocks/Urban%20Chic.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/site.json":{"blockType":"apps","__resolveType":"site/apps/site.ts"},"/.deco/blocks/deco-blog.json":{"blockType":"apps","__resolveType":"site/apps/deco/blog.ts"},"/.deco/blocks/hero.json":{"blockType":"sections","__resolveType":"site/sections/Hero.tsx"},"/.deco/blocks/Preview Sections MyHero.json":{"blockType":"sections","__resolveType":"site/sections/myHero.tsx"},"/.deco/blocks/Serene%20Coastline.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/Neutral.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/Vanilla.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/Preview%20%2Fsections%2Fhero-1.tsx.json":{"blockType":"sections","__resolveType":"site/sections/hero-1.tsx"},"/.deco/blocks/pages-Landing-945097.json":{"name":"Landing","path":"/landing","blockType":"pages","__resolveType":"website/pages/Page.tsx"},"/.deco/blocks/Footer.json":{"blockType":"sections","__resolveType":"site/sections/Footer.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FPoweredByDeco.tsx.json":{"blockType":"sections","__resolveType":"site/sections/PoweredByDeco.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FImageWithParagraph.tsx.json":{"blockType":"sections","__resolveType":"site/sections/ImageWithParagraph.tsx"},"/.deco/blocks/Preview%20%2Fsections%2Fhero-2.tsx.json":{"blockType":"sections","__resolveType":"site/sections/hero-2.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FHeader.tsx.json":{"blockType":"sections","__resolveType":"site/sections/Header.tsx"},"/.deco/blocks/pages-mynewpage-a771a8f0fda6.json":{"name":"My New Page","path":"/example-path","blockType":"pages","__resolveType":"website/pages/Page.tsx"},"/.deco/blocks/Groovy%20Vibes.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/Preview%20site%2Fsections%2FImageWithParagraph.tsx.json":{"blockType":"sections","__resolveType":"site/sections/ImageWithParagraph.tsx"},"/.deco/blocks/Desktop.json":{"blockType":"matchers","__resolveType":"website/matchers/device.ts"},"/.deco/blocks/Preview%20%2Fsections%2FFooter.tsx.json":{"blockType":"sections","__resolveType":"site/sections/Footer.tsx"}}
+{"/.deco/blocks/Preview Sections MyHero.json":{"blockType":"sections","__resolveType":"site/sections/myHero.tsx"},"/.deco/blocks/pages-home-5afd25174424.json":{"name":"Home","path":"/","blockType":"pages","__resolveType":"website/pages/Page.tsx"},"/.deco/blocks/site.json":{"blockType":"apps","__resolveType":"site/apps/site.ts"},"/.deco/blocks/Header.json":{"blockType":"sections","__resolveType":"site/sections/Header.tsx"},"/.deco/blocks/app-site%252Fapps%252Fsite.ts.json":{"blockType":"apps","__resolveType":"site/apps/site.ts"},"/.deco/blocks/Serene%20Coastline.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/Sunset%20Glow.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/Footer.json":{"blockType":"sections","__resolveType":"site/sections/Footer.tsx"},"/.deco/blocks/pages-test-3c04f2690620.json":{"name":"Test","path":"/test","blockType":"pages","__resolveType":"website/pages/Page.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FImageWithParagraph.tsx.json":{"blockType":"sections","__resolveType":"site/sections/ImageWithParagraph.tsx"},"/.deco/blocks/pages-mynewpage-a771a8f0fda6.json":{"name":"My New Page","path":"/example-path","blockType":"pages","__resolveType":"website/pages/Page.tsx"},"/.deco/blocks/Groovy%20Vibes.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/Preview%20%2Fsections%2Fhero-2.tsx.json":{"blockType":"sections","__resolveType":"site/sections/hero-2.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FHero.tsx.json":{"blockType":"sections","__resolveType":"site/sections/Hero.tsx"},"/.deco/blocks/Mobile.json":{"blockType":"matchers","__resolveType":"website/matchers/device.ts"},"/.deco/blocks/Preview%20Sections%20MyHero.json":{"blockType":"sections","__resolveType":"site/sections/myHero.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FPoweredByDeco.tsx.json":{"blockType":"sections","__resolveType":"site/sections/PoweredByDeco.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FFaq.tsx.json":{"blockType":"sections","__resolveType":"site/sections/Faq.tsx"},"/.deco/blocks/Urban%20Chic.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/Faq%20-%20default.json":{"blockType":"sections","__resolveType":"site/sections/Faq.tsx"},"/.deco/blocks/pages-Landing-945097.json":{"name":"Landing","path":"/landing","blockType":"pages","__resolveType":"website/pages/Page.tsx"},"/.deco/blocks/Neutral.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/Preview%20site%2Fsections%2FImageWithParagraph.tsx.json":{"blockType":"sections","__resolveType":"site/sections/ImageWithParagraph.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FFooter.tsx.json":{"blockType":"sections","__resolveType":"site/sections/Footer.tsx"},"/.deco/blocks/Preview%20%2Fsections%2FHeader.tsx.json":{"blockType":"sections","__resolveType":"site/sections/Header.tsx"},"/.deco/blocks/Vanilla.json":{"blockType":"sections","__resolveType":"site/sections/Theme/Theme.tsx"},"/.deco/blocks/deco-blog.json":{"blockType":"apps","__resolveType":"site/apps/deco/blog.ts"},"/.deco/blocks/Preview%20%2Fsections%2Fhero-1.tsx.json":{"blockType":"sections","__resolveType":"site/sections/hero-1.tsx"},"/.deco/blocks/deco-htmx.json":{"blockType":"apps","__resolveType":"site/apps/deco/htmx.ts"},"/.deco/blocks/hero.json":{"blockType":"sections","__resolveType":"site/sections/Hero.tsx"},"/.deco/blocks/Desktop.json":{"blockType":"matchers","__resolveType":"website/matchers/device.ts"}}

actions/contactFormConvex.ts

@@ -0,0 +1,75 @@
+import { AppContext } from "../apps/site.ts";
+
+export interface Props {
+  nome: string;
+  email: string;
+  mensagem: string;
+}
+
+export default async function ContactFormConvexAction(
+  props: Props,
+  req: Request,
+  ctx: AppContext,
+) {
+  try {
+    console.log("🚀 ContactFormConvexAction chamada com:", props);
+    
+    // Validar dados de entrada
+    if (!props.nome || !props.email || !props.mensagem) {
+      return {
+        success: false,
+        message: "Todos os campos são obrigatórios.",
+      };
+    }
+
+    // Validar formato do email
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailRegex.test(props.email)) {
+      return {
+        success: false,
+        message: "Por favor, insira um email válido.",
+      };
+    }
+
+    // URL correta do Convex HTTP Actions
+    const CONVEX_HTTP_URL = "https://precise-cassowary-240.convex.site";
+    
+    console.log("🔄 Chamando Convex HTTP API...");
+    
+    // Chamar a função do Convex via HTTP Actions
+    const response = await fetch(`${CONVEX_HTTP_URL}/api/mutations/contatos/submitContactForm`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        nome: props.nome.trim(),
+        email: props.email.trim().toLowerCase(),
+        mensagem: props.mensagem.trim(),
+      }),
+    });
+
+    console.log("📡 Resposta do Convex:", response.status, response.statusText);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error("❌ Erro da API Convex:", errorText);
+      throw new Error(`Convex API error: ${response.status} - ${errorText}`);
+    }
+
+    const result = await response.json();
+    console.log("✅ Dados salvos no Convex:", result);
+
+    return {
+      success: true,
+      message: "Mensagem enviada com sucesso! Entraremos em contato em breve.",
+      id: result.id,
+    };
+  } catch (error) {
+    console.error("❌ Erro ao salvar no Convex:", error);
+    return {
+      success: false,
+      message: "Erro ao enviar mensagem. Tente novamente em alguns instantes.",
+    };
+  }
+}

actions/contactFormConvexFixed.ts

@@ -0,0 +1,76 @@
+import { AppContext } from "../apps/site.ts";
+
+export interface Props {
+  nome: string;
+  email: string;
+  mensagem: string;
+}
+
+export default async function ContactFormConvexFixedAction(
+  props: Props,
+  req: Request,
+  ctx: AppContext,
+) {
+  try {
+    console.log("🚀 ContactFormConvexFixedAction chamada com:", props);
+    
+    // Validar dados de entrada
+    if (!props.nome || !props.email || !props.mensagem) {
+      return {
+        success: false,
+        message: "Todos os campos são obrigatórios.",
+      };
+    }
+
+    // Validar formato do email
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailRegex.test(props.email)) {
+      return {
+        success: false,
+        message: "Por favor, insira um email válido.",
+      };
+    }
+
+    // URL correta do Convex HTTP Actions
+    const CONVEX_HTTP_URL = "https://precise-cassowary-240.convex.site";
+    
+    console.log("🔄 Chamando Convex HTTP API...");
+    console.log("📡 URL:", `${CONVEX_HTTP_URL}/api/mutations/contatos/submitContactForm`);
+    
+    // Chamar a função do Convex via HTTP Actions
+    const response = await fetch(`${CONVEX_HTTP_URL}/api/mutations/contatos/submitContactForm`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        nome: props.nome.trim(),
+        email: props.email.trim().toLowerCase(),
+        mensagem: props.mensagem.trim(),
+      }),
+    });
+
+    console.log("📡 Resposta do Convex:", response.status, response.statusText);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error("❌ Erro da API Convex:", errorText);
+      throw new Error(`Convex API error: ${response.status} - ${errorText}`);
+    }
+
+    const result = await response.json();
+    console.log("✅ Dados salvos no Convex:", result);
+
+    return {
+      success: true,
+      message: "Mensagem enviada com sucesso! Entraremos em contato em breve.",
+      id: result.id,
+    };
+  } catch (error) {
+    console.error("❌ Erro ao salvar no Convex:", error);
+    return {
+      success: false,
+      message: "Erro ao enviar mensagem. Tente novamente em alguns instantes.",
+    };
+  }
+}

actions/submitToConvex.ts

@@ -0,0 +1,64 @@
+import { AppContext } from "../apps/site.ts";
+import { ConvexHttpClient } from "convex/browser";
+
+export interface Props {
+  nome: string;
+  email: string;
+  mensagem: string;
+}
+
+export default async function SubmitToConvexAction(
+  props: Props,
+  req: Request,
+  ctx: AppContext,
+) {
+  try {
+    console.log("🚀 SubmitToConvexAction chamada com:", props);
+    
+    // Validar dados de entrada
+    if (!props.nome || !props.email || !props.mensagem) {
+      return {
+        success: false,
+        message: "Todos os campos são obrigatórios.",
+      };
+    }
+
+    // Validar formato do email
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailRegex.test(props.email)) {
+      return {
+        success: false,
+        message: "Por favor, insira um email válido.",
+      };
+    }
+
+    // URL do Convex (production)
+    const convexUrl = "https://watchful-capybara-907.convex.cloud";
+    
+    console.log("🔄 Chamando Convex via HTTP Client...");
+    
+    // Usar ConvexHttpClient para chamar a mutation
+    const client = new ConvexHttpClient(convexUrl);
+    
+    const result = await client.mutation("contatos:submitContactForm", {
+      nome: props.nome.trim(),
+      email: props.email.trim().toLowerCase(),
+      mensagem: props.mensagem.trim()
+    });
+
+    console.log("✅ Dados salvos no Convex:", result);
+
+    return {
+      success: true,
+      message: "Mensagem enviada com sucesso! Entraremos em contato em breve.",
+      id: result.id,
+    };
+
+  } catch (error) {
+    console.error("❌ Erro ao salvar no Convex:", error);
+    return {
+      success: false,
+      message: "Erro ao enviar mensagem. Tente novamente em alguns instantes.",
+    };
+  }
+}

components/ui/Icon.tsx

@@ -2,47 +2,45 @@ import { asset } from "$fresh/runtime.ts";
 import type { JSX } from "preact";
 
 export type AvailableIcons =
-  | "ArrowLeft"
-  | "ArrowRight"
-  | "ArrowsPointingOut"
-  | "Bars3"
   | "ChevronLeft"
   | "ChevronRight"
   | "ChevronUp"
   | "ChevronDown"
-  | "CreditCard"
-  | "Deco"
-  | "Diners"
-  | "Discord"
-  | "Discount"
-  | "Elo"
-  | "Facebook"
-  | "FilterList"
+  | "QuestionMarkCircle"
+  | "User"
+  | "ShoppingCart"
+  | "Bars3"
   | "Heart"
-  | "Instagram"
-  | "Linkedin"
+  | "MagnifyingGlass"
+  | "XMark"
+  | "Plus"
   | "Minus"
   | "MapPin"
-  | "MagnifyingGlass"
-  | "Mastercard"
-  | "Message"
   | "Phone"
+  | "Elo"
+  | "Mastercard"
+  | "Visa"
   | "Pix"
-  | "Plus"
-  | "QuestionMarkCircle"
-  | "Return"
-  | "Ruler"
-  | "ShoppingCart"
-  | "Star"
+  | "Logo"
+  | "Facebook"
+  | "Instagram"
   | "Tiktok"
-  | "Trash"
   | "Truck"
-  | "Twitter"
-  | "User"
-  | "Visa"
+  | "Discount"
+  | "Return"
+  | "CreditCard"
+  | "Deco"
+  | "Discord"
+  | "Trash"
+  | "FilterList"
   | "WhatsApp"
-  | "XMark"
-  | "Zoom";
+  | "ArrowsPointingOut"
+  | "Linkedin"
+  | "XTwitter"
+  | "Link"
+  | "LinkedinOutline"
+  | "FacebookOutline"
+  | "TwitterOutline";
 
 interface Props extends JSX.SVGAttributes<SVGSVGElement> {
   /**