<div id="how-it-works" class="order-2 md:order-1"> <h3 class="text-2xl font-bold mb-4">How It Works</h3> <p class="text-gray-400 mb-6"> We pick up every enquiry, qualify it, and book it—then notify both sides. <strong>Works with your tools.</strong> </p> <ul class="space-y-3"> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>1) Customer reaches you</strong> (call, SMS, WhatsApp, or your usual channel).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>2) We qualify</strong> suburb, job type, photos, access, timeframe, and budget.</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>3) We book it</strong> into your Google/Outlook calendar and tag the job (e.g., “Plumbing — burst pipe”).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i ></i></div> <span><strong>4) Everyone is notified</strong>: summary to you; confirmation & reminder to the customer.</span> </li> </ul> </div> Make the enumerations 1) 2) 3) and 4) have this formatclass="bg-gradient-to-r from-accent to-accent2 bg-clip-text text-transparent" - Follow Up Deployment

<div id="how-it-works" class="order-2 md:order-1"> <h3 class="text-2xl font-bold mb-4">How It Works</h3> <p class="text-gray-400 mb-6"> We pick up every enquiry, qualify it, and book it—then notify both sides. <strong>Works with your tools.</strong> </p> <ul class="space-y-3"> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>1) Customer reaches you</strong> (call, SMS, WhatsApp, or your usual channel).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>2) We qualify</strong> suburb, job type, photos, access, timeframe, and budget.</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>3) We book it</strong> into your Google/Outlook calendar and tag the job (e.g., “Plumbing — burst pipe”).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i ></i></div> <span><strong>4) Everyone is notified</strong>: summary to you; confirmation & reminder to the customer.</span> </li> </ul> </div> Make the enumerations 1) 2) 3) and 4) have this formatclass="bg-gradient-to-r from-accent to-accent2 bg-clip-text text-transparent" - Follow Up Deployment

<div id="how-it-works" class="order-2 md:order-1"> <h3 class="text-2xl font-bold mb-4">How It Works</h3> <p class="text-gray-400 mb-6"> We pick up every enquiry, qualify it, and book it—then notify both sides. <strong>Works with your tools.</strong> </p> <ul class="space-y-3"> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>1) Customer reaches you</strong> (call, SMS, WhatsApp, or your usual channel).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>2) We qualify</strong> suburb, job type, photos, access, timeframe, and budget.</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>3) We book it</strong> into your Google/Outlook calendar and tag the job (e.g., “Plumbing — burst pipe”).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i ></i></div> <span><strong>4) Everyone is notified</strong>: summary to you; confirmation & reminder to the customer.</span> </li> </ul> </div> Make the enumerations 1) 2) 3) and 4) have this formatclass="bg-gradient-to-r from-accent to-accent2 bg-clip-text text-transparent" - Follow Up Deployment

<div id="how-it-works" class="order-2 md:order-1"> <h3 class="text-2xl font-bold mb-4">How It Works</h3> <p class="text-gray-400 mb-6"> We pick up every enquiry, qualify it, and book it—then notify both sides. <strong>Works with your tools.</strong> </p> <ul class="space-y-3"> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>1) Customer reaches you</strong> (call, SMS, WhatsApp, or your usual channel).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>2) We qualify</strong> suburb, job type, photos, access, timeframe, and budget.</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>3) We book it</strong> into your Google/Outlook calendar and tag the job (e.g., “Plumbing — burst pipe”).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i ></i></div> <span><strong>4) Everyone is notified</strong>: summary to you; confirmation & reminder to the customer.</span> </li> </ul> </div> Make the enumerations 1) 2) 3) and 4) have this formatclass="bg-gradient-to-r from-accent to-accent2 bg-clip-text text-transparent" - Follow Up Deployment

<div id="how-it-works" class="order-2 md:order-1"> <h3 class="text-2xl font-bold mb-4">How It Works</h3> <p class="text-gray-400 mb-6"> We pick up every enquiry, qualify it, and book it—then notify both sides. <strong>Works with your tools.</strong> </p> <ul class="space-y-3"> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>1) Customer reaches you</strong> (call, SMS, WhatsApp, or your usual channel).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>2) We qualify</strong> suburb, job type, photos, access, timeframe, and budget.</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>3) We book it</strong> into your Google/Outlook calendar and tag the job (e.g., “Plumbing — burst pipe”).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i ></i></div> <span><strong>4) Everyone is notified</strong>: summary to you; confirmation & reminder to the customer.</span> </li> </ul> </div> Make the enumerations 1) 2) 3) and 4) have this formatclass="bg-gradient-to-r from-accent to-accent2 bg-clip-text text-transparent" - Follow Up Deployment

<div id="how-it-works" class="order-2 md:order-1"> <h3 class="text-2xl font-bold mb-4">How It Works</h3> <p class="text-gray-400 mb-6"> We pick up every enquiry, qualify it, and book it—then notify both sides. <strong>Works with your tools.</strong> </p> <ul class="space-y-3"> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>1) Customer reaches you</strong> (call, SMS, WhatsApp, or your usual channel).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>2) We qualify</strong> suburb, job type, photos, access, timeframe, and budget.</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i class=></i></div> <span><strong>3) We book it</strong> into your Google/Outlook calendar and tag the job (e.g., “Plumbing — burst pipe”).</span> </li> <li class="flex items-start"> <div class="text-accent mr-3 mt-1"><i ></i></div> <span><strong>4) Everyone is notified</strong>: summary to you; confirmation & reminder to the customer.</span> </li> </ul> </div> Make the enumerations 1) 2) 3) and 4) have this formatclass="bg-gradient-to-r from-accent to-accent2 bg-clip-text text-transparent" - Follow Up Deployment

<div class="relative order-1 md:order-2"> <div class="bg-gradient-to-br from-dark to-primary rounded-xl overflow-hidden border border-gray-700 p-4"> <div class="bg-primary p-3 rounded-lg mb-4"> <div class="flex items-center mb-3"> <div class="w-8 h-8 rounded-full bg-accent flex items-center justify-center text-dark mr-3"> <i class="fas fa-robot"></i> </div> <div> <div class="font-medium">TransferToAI</div> <div class="text-xs text-gray-400">Smart Scheduling</div> </div> </div> <div class="text-sm"> I've noticed you're most productive in the mornings. I've scheduled your creative work from 8-11am and moved meetings to afternoons when possible. </div> </div> <div class="grid grid-cols-5 gap-2 text-xs"> <div class="bg-dark rounded p-1 text-center border border-gray-700"> <div>Mon</div> <div class="text-accent">3 tasks</div> </div> <div class="bg-dark rounded p-1 text-center border border-gray-700"> <div>Tue</div> <div class="text-accent">4 tasks</div> </div> <div class="bg-primary rounded p-1 text-center border border-accent"> <div>Wed</div> <div class="text-accent">5 tasks</div> </div> <div class="bg-dark rounded p-1 text-center border border-gray-700"> <div>Thu</div> <div class="text-accent">2 tasks</div> </div> <div class="bg-dark rounded p-1 text-center border border-gray-700"> <div>Fri</div> <div class="text-accent">4 tasks</div> </div> </div> </div> <div class="absolute -inset-4 rounded-xl bg-gradient-to-br from-accent to-accent2 opacity-10 blur-lg -z-10"></div> </div> Reconvert it into thisx <div class="glass-card rounded-2xl p-6 shadow-xl ring-1 ring-white/10 w-full max-w-md md:ml-auto"> <div class="flex items-center justify-between mb-4"> <div class="flex items-center gap-3"> <div class="h-10 w-10 rounded-xl bg-white/5 flex items-center justify-center"> <i class="fas fa-calendar-check text-accent"></i> </div> <div> <p class="text-xs text-gray-400">Example summary you receive</p> <h4 class="font-semibold">Booked Job</h4> </div> </div> <span class="px-2 py-1 text-xs rounded-full bg-emerald-500/15 text-emerald-300">Confirmed</span> </div> <div class="grid grid-cols-2 gap-x-4 gap-y-2 text-sm"> <div class="text-gray-400">Client</div><div>Jane Smith · 04xx xxx xxx</div> <div class="text-gray-400">Suburb</div><div>Andergrove</div> <div class="text-gray-400">Service</div><div>Leaking mixer tap</div> <div class="text-gray-400">Window</div><div>Tue 9–11 am</div> <div class="text-gray-400">Channel</div><div>Phone</div> <div class="text-gray-400">Ref</div><div>#TR-1028</div> </div> <div class="mt-4 flex flex-wrap gap-2"> <span class="px-2 py-1 text-xs rounded-full bg-white/5">Qualified ✓</span> <span class="px-2 py-1 text-xs rounded-full bg-white/5">Photos ✓</span> <span class="px-2 py-1 text-xs rounded-full bg-white/5">Access OK</span> </div> <div class="mt-6 flex gap-2"> <a href="#" class="px-3 py-2 text-sm rounded-lg bg-gradient-to-r from-accent to-accent2 text-dark font-semibold">Open in Calendar</a> <a href="#preview" class="px-3 py-2 text-sm rounded-lg border border-white/10">View transcript</a> </div> </div> - Follow Up Deployment

Link this button to the Pricing section - Follow Up Deployment

Conecta el boton al formulario que tenemos debajo. - Follow Up Deployment

undefined - Follow Up Deployment

Aumenta un poco la cantidad de estrellas - Follow Up Deployment

Aumenta un poco la cantidad de estrellas - Follow Up Deployment

Aumenta un poco la cantidad de estrellas - Follow Up Deployment

Aumenta un poco la cantidad de estrellas - Follow Up Deployment

Aumenta un poco la cantidad de estrellas - Follow Up Deployment

Aumenta un poco la cantidad de estrellas - Follow Up Deployment

Aumenta un poco la cantidad de estrellas - Follow Up Deployment

undefined - Follow Up Deployment

undefined - Follow Up Deployment

undefined - Follow Up Deployment

Ahora haz que sea un slideshow de arriba abajo para que ocupe menos espacio - Follow Up Deployment

Ahora haz que sea un slideshow de arriba abajo para que ocupe menos espacio - Follow Up Deployment

Delete everything i this block - Follow Up Deployment

Añade un formulario debajo de este input que tenga estas secciones Full name Business name Email (and Phone optional) Industry (Plumbing, Electrical, HVAC, Lawn care, Clinic, Other) Location/Suburb (Mackay area) Weekly volume (choose ranges) Calls: 0–50 · 51–200 · 201–500 · 501–1,500 · 1,500+ WhatsApp msgs: 0–100 · 101–500 · 501–2,000 · 2,001–5,000 · 5,000+. - Follow Up Deployment

Añade un formulario debajo de este input que tenga estas secciones Full name Business name Email (and Phone optional) Industry (Plumbing, Electrical, HVAC, Lawn care, Clinic, Other) Location/Suburb (Mackay area) Weekly volume (choose ranges) Calls: 0–50 · 51–200 · 201–500 · 501–1,500 · 1,500+ WhatsApp msgs: 0–100 · 101–500 · 501–2,000 · 2,001–5,000 · 5,000+. - Follow Up Deployment

Remove the image and add a <i class="fas fa-rocket"></i> - Follow Up Deployment

Remove the image and add a <i class="fas fa-rocket"></i> - Follow Up Deployment

Remove the image and add a <i class="fas fa-rocket"></i> - Follow Up Deployment

Remove the stars - Follow Up Deployment

El mensaje se corta a la mitad, haz que entre en el cubo agrandando el cubo un poco. - Follow Up Deployment

El mensaje se corta a la mitad, haz que entre en el cubo agrandando el cubo un poco. - Follow Up Deployment

Quita el borde negro de esta parte del codigo<img src="https://i.ibb.co/vC2Z0qtS/Chat-GPT-Logo-svg.jpg" class="w-10 h-10 rounded-full border-2 border-dark" alt="User"> - Follow Up Deployment

Cambia donde pone NeuraFlow AI por "Your AI Agent" en este bloque - Follow Up Deployment

undefined - Follow Up Deployment

Add 2 files

initial commit