-
Notifications
You must be signed in to change notification settings - Fork 3.2k
Description
import { useState } from "react"; import { motion } from "framer-motion"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"; import { Input } from "@/components/ui/input"; import { Textarea } from "@/components/ui/textarea"; import { Badge } from "@/components/ui/badge"; import { Check, Phone, Sparkles, Droplet, Rocket, MapPin, Wand2, Building2, GraduationCap, Factory, Target, Send, IndianRupee, Instagram, Linkedin, Mail } from "lucide-react";
// === CONFIG === const COMPANY_NAME = "AQUAEDGE PROMOTIONS"; const PHONE = "+917668217612"; // tel format const WHATSAPP_LINK = https://wa.me/${PHONE.replace('+','')};
export default function Website() { const [form, setForm] = useState({ name: "", phone: "", message: "" });
const handleSubmit = (e: any) => { e.preventDefault(); // Fallback: compose a WhatsApp message with the form content const text = encodeURIComponent(Inquiry for ${COMPANY_NAME}%0AName: ${form.name}%0APhone: ${form.phone}%0AMessage: ${form.message}); const url = ${WHATSAPP_LINK}?text=${text}; window.open(url, "_blank"); };
return (
{/* HERO */}
Put your brand in their hands
{COMPANY_NAME} helps brands reach captive audiences with water-bottle advertising, on-ground distribution, and data-backed targeting. Hyper-local or city-wide — we make every sip a touchpoint.
{/* METRICS */}
{/* SERVICES */}
Services
End-to-end bottle advertising and on-ground activations designed to move awareness and trials.
{/* PROCESS */}
How it works
Simple, transparent, and fast—from brief to bottles on-hand.
{/* PRICING */}
Transparent Pricing
Indicative packages—custom quotes available based on volume, locations, and add-ons.
{/* CONTACT */}
Let’s talk
Tell us about your audience and goals. We’ll share a tailored plan and a quick quote.
<div className="mt-6 grid gap-3 text-slate-700">
<a className="inline-flex items-center gap-2 hover:underline" href={`tel:${PHONE}`}>
<Phone className="size-4"/> {PHONE}
</a>
<a className="inline-flex items-center gap-2 hover:underline" href={WHATSAPP_LINK} target="_blank" rel="noreferrer">
<Send className="size-4"/> WhatsApp us
</a>
<div className="inline-flex items-center gap-2 text-slate-500 text-sm">
<MapPin className="size-4"/> India
</div>
</div>
</div>
<Card className="rounded-2xl">
<CardHeader>
<CardTitle>Quick Inquiry</CardTitle>
<CardDescription>We typically respond within a business day.</CardDescription>
</CardHeader>
<CardContent>
<form onSubmit={handleSubmit} className="grid gap-4">
<div>
<label className="text-sm">Your Name</label>
<Input required placeholder="Name" value={form.name} onChange={e=>setForm({...form, name:e.target.value})}/>
</div>
<div>
<label className="text-sm">Phone</label>
<Input required placeholder="Phone" value={form.phone} onChange={e=>setForm({...form, phone:e.target.value})}/>
</div>
<div>
<label className="text-sm">Message</label>
<Textarea required placeholder="Tell us about your campaign..." value={form.message} onChange={e=>setForm({...form, message:e.target.value})}/>
</div>
<Button type="submit" className="rounded-2xl">Send via WhatsApp</Button>
</form>
</CardContent>
</Card>
</div>
{/* CTA */}
Ready to make every sip a touchpoint?
Launch a pilot in 24–72 hours with hyper-local targeting and measurable outcomes.
{/* FOOTER */}
); }