elsewhencode / elsewhencode/project-guidelines

AQUAEDGE PROMOTIONS

Abierto
#176 1 comentario 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
29.4k
Forks
3.1k
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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 (

{/* NAVBAR */}
{COMPANY_NAME}
Advertise on Water Bottles · Field Activations

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

))}


Get Quote


))}


{/* CONTACT */}



Let’s talk


Tell us about your audience and goals. We’ll share a tailored plan and a quick quote.




Quick Inquiry
We typically respond within a business day.




Your Name
setForm({...form, name:e.target.value})}/>


Phone
setForm({...form, phone:e.target.value})}/>


Message
setForm({...form, message:e.target.value})}/>
</div>
<Button type="submit" className="rounded-2xl">Send via WhatsApp</Button>
</form>
</CardContent>
</Card>
</div>
</section>

{/* CTA */}
<section className="py-12 sm:py-16">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="rounded-3xl border p-8 sm:p-12 bg-white grid lg:grid-cols-2 gap-6 items-center">
<div>
<h3 className="text-2xl sm:text-3xl font-bold">Ready to make every sip a touchpoint?</h3>
<p className="mt-2 text-slate-600">Launch a pilot in 24–72 hours with hyper-local targeting and measurable outcomes.</p>
</div>
<div className="flex gap-3 lg:justify-end">
<a href="#pricing"><Button variant="outline" className="rounded-2xl">See Pricing</Button></a>
<a href="#contact"><Button className="rounded-2xl">Plan My Campaign</Button></a>
</div>
</div>
</div>
</section>

{/* FOOTER */}
<footer className="border-t bg-white/70">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 grid md:grid-cols-2 gap-6">
<div>
<div className="font-bold">{COMPANY_NAME}</div>
<div className="text-sm text-slate-600 mt-1">Water-bottle advertising and on-ground activations across India.</div>
</div>
<div className="md:text-right text-slate-600 text-sm">
<div className="flex md:justify-end gap-4">
<a className="inline-flex items-center gap-2 hover:underline" href={`tel:${PHONE}`}><Phone className="size-4"/>Call</a>
<a className="inline-flex items-center gap-2 hover:underline" href={WHATSAPP_LINK} target="_blank" rel="noreferrer"><Send className="size-4"/>WhatsApp</a>
<a className="inline-flex items-center gap-2 hover:underline" href="#"><Instagram className="size-4"/>Instagram</a>
<a className="inline-flex items-center gap-2 hover:underline" href="#"><Linkedin className="size-4"/>LinkedIn</a>
</div>
<div className="mt-2">© {new Date().getFullYear()} {COMPANY_NAME}. All rights reserved.</div>
</div>
</div>
</footer>
</div>

); }

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.