project-guidelines icon indicating copy to clipboard operation
project-guidelines copied to clipboard

AQUAEDGE PROMOTIONS

Open pavivirk9-coder opened this issue 3 months ago • 0 comments

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 ( <div className="min-h-screen bg-gradient-to-b from-white via-slate-50 to-white text-slate-900"> {/* NAVBAR */} <header className="sticky top-0 z-50 backdrop-blur supports-[backdrop-filter]:bg-white/60 bg-white/70 border-b border-slate-200"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3 flex items-center justify-between"> <div className="flex items-center gap-3"> <div className="size-10 rounded-2xl grid place-items-center bg-sky-600 text-white shadow-sm"> <Droplet className="size-5" />

<div className="font-bold tracking-tight text-lg sm:text-xl">{COMPANY_NAME}
<div className="text-xs text-slate-500 -mt-0.5">Advertise on Water Bottles · Field Activations <div className="hidden md:flex items-center gap-2"> <a href="#services" className="px-3 py-2 rounded-xl hover:bg-slate-100">Services <a href="#process" className="px-3 py-2 rounded-xl hover:bg-slate-100">Process <a href="#pricing" className="px-3 py-2 rounded-xl hover:bg-slate-100">Pricing <a href="#contact" className="px-3 py-2 rounded-xl hover:bg-slate-100">Contact <a href={tel:${PHONE}} className="ml-2"> <Button className="rounded-2xl"><Phone className="mr-2 size-4"/>Call</Button>

{/* HERO */}

New-age Ambient Advertising

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.

Geo-targeted
High Recall
Eco-conscious options
Flagship Formats Pick what fits your goals and budget {[ { icon: Droplet, title: "Bottle Sleeve Ads", desc: "Custom-printed sleeves on 250ml–1L bottles" }, { icon: Building2, title: "Corporate Parks", desc: "Pantry & lobby distribution in offices" }, { icon: GraduationCap, title: "Campus Reach", desc: "Colleges, coaching hubs, canteens" }, { icon: Factory, title: "Factory & Warehouses", desc: "Shift-change hydration touchpoints" }, ].map((item, i) => (
{item.title}
{item.desc}
))}
Add-ons: QR codes · unique couponing · sampling · impact studies

{/* METRICS */}

{[ { kpi: "1–3 ₹ / reach", label: "Cost-efficient impressions" }, { kpi: "95%", label: "Brand recall (indicative)" }, { kpi: "> 10k", label: "Bottles/day capacity" }, { kpi: "24–72h", label: "Turnaround for launch" }, ].map((m, i) => (
{m.kpi}
{m.label}
))}

{/* SERVICES */}

Services

End-to-end bottle advertising and on-ground activations designed to move awareness and trials.

{[ { title: "Creative & Design", desc: "Fast-turn visual design for sleeves, caps & QR landers.", icon: Wand2 }, { title: "Printing & Sourcing", desc: "Food-safe sleeves, recyclable options, 250ml–1L.", icon: Factory }, { title: "Targeted Distribution", desc: "Corporate parks, events, campuses, transit hubs.", icon: MapPin }, { title: "Performance Tracking", desc: "QR scans, coupon redemptions, lift studies.", icon: Target }, { title: "Social Amplification", desc: "UGC prompts and influencer tie-ins.", icon: Instagram }, { title: "B2B Partnerships", desc: "Cafés, gyms, co-working, hotels & canteens.", icon: Building2 }, ].map((s, i) => (
{s.title}
{s.desc}
))}

{/* PROCESS */}

How it works

Simple, transparent, and fast—from brief to bottles on-hand.

{[ { step: "01", title: "Brief & Targeting", desc: "Audience, locations, volumes, timelines." }, { step: "02", title: "Design & Approvals", desc: "Sleeve mockups and QC sign-off." }, { step: "03", title: "Print & Deploy", desc: "Batch-wise production and distribution." }, { step: "04", title: "Measure & Iterate", desc: "Weekly reports, scans & redemptions." }, ].map((p, i) => (
{p.step}
{p.title}
{p.desc}
))}

{/* PRICING */}

Transparent Pricing

Indicative packages—custom quotes available based on volume, locations, and add-ons.

{[ { name: "Starter", price: "₹25k–₹75k", bullets: ["5k–15k bottles", "1–2 locations", "Design included"] }, { name: "Growth", price: "₹1L–₹3L", bullets: ["20k–60k bottles", "3–6 locations", "QR & coupons"] }, { name: "Custom", price: "Talk to us", bullets: ["> 60k bottles", "Pan-city rollout", "Brand study add-on"] }, ].map((plan, i) => ( {plan.name} {plan.price} {plan.bullets.map((b, j) => (
{b}
))}
))}

{/* 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 */}

{COMPANY_NAME}
Water-bottle advertising and on-ground activations across India.
Call WhatsApp Instagram LinkedIn
© {new Date().getFullYear()} {COMPANY_NAME}. All rights reserved.

); }

pavivirk9-coder avatar Aug 28 '25 16:08 pavivirk9-coder