elsewhencode / elsewhencode/project-guidelines
AQUAEDGE PROMOTIONS
- Ngôn ngữ chính
- JavaScript
- Star
- 29.4k
- Fork
- 3.1k
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Mô tả
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 */}
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.
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) => (
))}
{/* 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) => (
))}
{/* 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) => (
))}
{/* 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) => (
))}
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>
); }
Hướng dẫn đóng góp
Đánh giá
Issue này chưa được đánh giá.