Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

AQUAEDGE PROMOTIONS

Abierto
#176 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
20/100
Tipo de issue
Nueva funcionalidad
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
javascript, react, tailwindcss

Línea de trabajo

El cuerpo del issue contiene un componente grande de React Website para AQUAEDGE PROMOTIONS, pero no indica ningún archivo del repositorio, prueba ni cambio específico solicitado. Primero localiza el punto de entrada previsto y determina si esta página pertenece al proyecto. La tarea estará terminada cuando incluya una ubicación acordada, una página promocional funcional y una validación adecuada.

Escrito por el modelo de indexación a partir del texto del issue.

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

); }

Lenguaje dominante
JavaScript
Estrellas
29.4k
Forks
3.1k
Métricas de merge de PR
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de elsewhencode/project-guidelines

Todos los issues de elsewhencode/project-guidelines

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.