Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

AQUAEDGE PROMOTIONS

Đang mở
#176 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
20/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
javascript, react, tailwindcss
Lĩnh vực
design, frontend, web-dev

Hướng nghiên cứu

Phần nội dung issue chứa một React Website component lớn cho AQUAEDGE PROMOTIONS nhưng không nêu tên file nào trong repository, test nào hoặc thay đổi cụ thể được yêu cầu. Trước tiên, hãy xác định entry point dự kiến và xác định xem trang này có thuộc project hay không. Công việc được xem là hoàn tất khi có vị trí được thống nhất, một trang quảng bá hoạt động và việc validation phù hợp.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

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 (

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

); }

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của elsewhencode/project-guidelines

Tất cả issue của elsewhencode/project-guidelines

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.