AQUAEDGE PROMOTIONS

Ouverte
#176 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
5/5
Temps estimé
Plus d'une semaine
Accessibilité débutants
20/100
Type d'issue
Fonctionnalité
Clarté
À clarifier
Activité
À l'abandon
Stack technique
javascript, react, tailwindcss
Domaine
design, frontend, web-dev

Piste de recherche

Le corps de l’issue contient un gros composant React Website pour AQUAEDGE PROMOTIONS, mais ne nomme aucun fichier du dépôt, test ou changement spécifique demandé. Commencez par localiser le point d’entrée prévu et déterminez si cette page appartient au projet. La tâche sera considérée comme terminée lorsqu’elle comprendra un emplacement convenu, une page promotionnelle fonctionnelle et une validation appropriée.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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.

); }

Langage dominant
JavaScript
Étoiles
29.4k
Forks
3.1k
Métriques de merge des PR
Aucune PR mergée en 30 j

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de elsewhencode/project-guidelines

Toutes les issues de elsewhencode/project-guidelines

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.