AQUAEDGE PROMOTIONS

未关闭
#176 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
5/5
预计耗时
一周以上
新手友好度
20/100
Issue 类型
功能
描述清晰度
需要澄清
活跃度
停滞
技术栈
javascript, react, tailwindcss

调研方向

Issue 正文包含一个用于 AQUAEDGE PROMOTIONS 的大型 React Website 组件,但没有指出任何 repository 文件、测试或具体要求的更改。首先定位预期的 entry point,并确定此页面是否属于该项目。完成标准应包括已达成共识的放置位置、可正常工作的宣传页面以及适当的验证。

由索引模型根据 Issue 内容生成。

描述

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 Services Process Pricing Contact Call

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

Start a Campaign {PHONE} 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.

    <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.

See Pricing Plan My Campaign

{/* FOOTER */}

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

); }

主要语言
JavaScript
星标
29.4k
派生
3.1k
PR 合并指标
30 天内没有已合并 PR

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

elsewhencode/project-guidelines 的其他 Issue

查看 elsewhencode/project-guidelines 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。