import React, { useMemo, useState } from “react”; import { motion } from “framer-motion”; import { Card, CardContent, CardHeader, CardTitle, CardDescription, } from “@/components/ui/card”; import { Button } from “@/components/ui/button”; import { Input } from “@/components/ui/input”; import { Textarea } from “@/components/ui/textarea”; import { CheckCircle2, ShieldCheck, LineChart, Workflow, Users, Rocket, ArrowRight, Mail, Phone, MapPin, Sparkles, FileDown, ClipboardCheck, Calendar, } from “lucide-react”; /** * Birds of a Feather Consulting Group LLC * One-page, production-ready marketing site. * – Replace placeholders: PHONE, EMAIL, CITY/STATE, and calendar/CRM link. * – If you don’t want forms, remove the Contact section. */ const BRAND = { name: “Birds of a Feather Consulting Group LLC”, tagline: “Strategy, operations, and execution—made simple.”, email: “birdsofafeatherllc@outlook.com”, // TODO: replace phone: “4843309592”, // TODO: replace location: “Allentown, PA”, // TODO: replace calendly: “#”, // TODO: replace with your scheduling link brochureUrl: “#”, // TODO: optional PDF link // Logo // If you’re using this in a Next/Vite app, place the file in /public and set this to “/BOAFLLLogo.png” logoSrc: “/BOAFLLLogo.png”, // TODO: ensure this path exists in your project }; const fadeUp = { initial: { opacity: 0, y: 16 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true, amount: 0.3 }, transition: { duration: 0.5, ease: “easeOut” }, }; function Pill({ children }) { return ( {children} ); } function SectionTitle({ eyebrow, title, subtitle }) { return (
{eyebrow ? (
{eyebrow}
) : null}

{title}

{subtitle ? (

{subtitle}

) : null}
); } const SERVICES = [ { icon: Workflow, title: “Operations & Process”, desc: “Map workflows, remove bottlenecks, and standardize what works—so the business scales without chaos.”, bullets: [“Process mapping”, “SOPs & playbooks”, “Tooling + automation”], }, { icon: LineChart, title: “Strategy & Growth”, desc: “Clarify priorities, align teams, and build an actionable roadmap with measurable outcomes.”, bullets: [“Market positioning”, “OKRs/KPIs”, “Go-to-market planning”], }, { icon: ShieldCheck, title: “Risk, Compliance & Controls”, desc: “Practical guardrails that protect your business—without slowing you down.”, bullets: [“Policy & controls”, “Vendor reviews”, “Audit readiness”], }, { icon: Users, title: “People & Change”, desc: “Get buy-in, improve accountability, and make change stick through clear communication and training.”, bullets: [“Change management”, “Training & enablement”, “Org design support”], }, ]; const OUTCOMES = [ { title: “Faster execution”, desc: “Shorter cycle times and clearer ownership—so projects stop stalling.”, }, { title: “Cleaner operations”, desc: “Repeatable processes, fewer surprises, and smoother handoffs.”, }, { title: “Better decisions”, desc: “Simple dashboards and metrics that connect to business goals.”, }, ]; const PROCESS = [ { icon: ClipboardCheck, title: “Discover”, desc: “A short assessment to understand goals, constraints, and where time/money leaks today.”, }, { icon: Calendar, title: “Plan”, desc: “A prioritized roadmap with quick wins and a realistic timeline.”, }, { icon: Rocket, title: “Execute”, desc: “Hands-on delivery: implement, document, train, and measure results.”, }, ]; function NavLink({ href, children }) { return ( {children} ); } function Stat({ label, value }) { return (
{value}
{label}
); } function FAQItem({ q, a }) { const [open, setOpen] = useState(false); return ( ); } export default function Website() { const themeCss = ` :root { –background: 0 0% 100%; –foreground: 222.2 47.4% 11.2%; –muted: 210 40% 96.1%; –muted-foreground: 215.4 16.3% 46.9%; –popover: 0 0% 100%; –popover-foreground: 222.2 47.4% 11.2%; –border: 214.3 31.8% 91.4%; –input: 214.3 31.8% 91.4%; –card: 0 0% 100%; –card-foreground: 222.2 47.4% 11.2%; –primary: 222.2 47.4% 11.2%; –primary-foreground: 210 40% 98%; –secondary: 210 40% 96.1%; –secondary-foreground: 222.2 47.4% 11.2%; –accent: 210 40% 96.1%; –accent-foreground: 222.2 47.4% 11.2%; –destructive: 0 84.2% 60.2%; –destructive-foreground: 210 40% 98%; –ring: 222.2 84% 4.9%; –radius: 1rem; } .dark { /* Dark luxury palette: deep charcoal base, gold primary, cobalt accent */ –background: 222 47% 4%; –foreground: 210 40% 98%; –muted: 215 28% 12%; –muted-foreground: 217 18% 70%; –popover: 222 47% 4%; –popover-foreground: 210 40% 98%; –border: 215 28% 16%; –input: 215 28% 16%; –card: 222 47% 6%; –card-foreground: 210 40% 98%; –primary: 45 92% 56%; –primary-foreground: 222 47% 8%; –secondary: 215 28% 12%; –secondary-foreground: 210 40% 98%; –accent: 210 95% 55%; –accent-foreground: 222 47% 8%; –destructive: 0 62% 38%; –destructive-foreground: 210 40% 98%; –ring: 45 92% 56%; } `; const year = useMemo(() => new Date().getFullYear(), []); const [form, setForm] = useState({ name: “”, email: “”, message: “” }); const [status, setStatus] = useState(“idle”); const mailto = useMemo(() => { const subject = encodeURIComponent(`Inquiry — ${BRAND.name}`); const body = encodeURIComponent( `Name: ${form.name}\nEmail: ${form.email}\n\nMessage:\n${form.message}` ); return `mailto:${BRAND.email}?subject=${subject}&body=${body}`; }, [form]); return (
{themeCss}
{/* Top bar */}
{`${BRAND.name}
{BRAND.name}
Consulting
 Services How we work Results FAQ Contact
{/* Hero */}
Practical consulting for growing teams Clear scope • Fast delivery
Birds of a Feather Consulting Group LLC

Strategy, operations, and execution—made simple for Feather

We help leaders turn strategy into execution—improving operations, aligning teams, and building systems that scale.

What you get A simple, structured engagement that keeps teams moving.
{[“A clear roadmap with quick wins”, “Repeatable processes + documentation”, “Metrics that match business goals”, “Change support: training + comms”].map( (t) => (
{t}
) )}
Not sure where to start?

Book a quick intro call. We’ll identify 1–2 high‑impact opportunities and outline next steps.

{/* Trust Bar */}
Trusted by growing teams and founder-led businesses
{[“Client One”, “Client Two”, “Client Three”, “Client Four”].map((client) => (
{client}
))}
{/* Services */}
{SERVICES.map((s) => { const Icon = s.icon; return (
{s.title} {s.desc}
    {s.bullets.map((b) => (
  • {b}
    • ))}
); })}
{/* Process */}
{PROCESS.map((p) => { const Icon = p.icon; return (
{p.title} {p.desc}
); })}
Engagement options

Choose a short sprint or a multi‑phase roadmap.

{[“2-week quick‑win sprint”, “4–6 week process + metrics rollout”, “Quarterly strategy + execution support”, “Fractional ops leadership”].map( (o) => (
{o}
) )}
{/* Results */}
{OUTCOMES.map((o) => ( {o.title} {o.desc}
Practical, measurable, repeatable
))}
Typical deliverables Clear artifacts your team can keep using after we’re gone.
    {[“Roadmap + milestones”, “Process maps + SOPs”, “KPI dashboard outline”, “Training notes + handoff”].map( (d) => (
  • {d}
    • ) )}
Who we help Teams that want clarity and momentum.
{[“Founder‑led businesses”, “Operations and delivery teams”, “Regulated or risk‑sensitive orgs”, “Teams undergoing change”].map( (t) => (
{t}
) )}
{/* FAQ */}
{/* Contact */}
Send a message This form opens your email with a prefilled message.
Name setForm((f) => ({ …f, name: e.target.value }))} placeholder=”Your name” />
Email setForm((f) => ({ …f, email: e.target.value }))} placeholder=”you@company.com” type=”email” />
Message setForm((f) => ({ …f, message: e.target.value }))} placeholder=”What are you trying to improve?” rows={5} />
{status === “sent” ? (
If your email client didn’t open, you can email us at {BRAND.email}.
) : null}
Company details Prefer phone? Call or text during business hours.
Location
{BRAND.location}
Next steps

Share a bit about your goals and we’ll recommend the smallest engagement that gets you meaningful results.

{/* Footer */}
); }