import React, { useEffect, useRef, useState } from 'react'; import { motion, useInView, useScroll, useTransform, AnimatePresence } from 'framer-motion'; import { ArrowRight, ArrowUpRight, Menu, X, CheckCircle2, Send } from 'lucide-react'; const ORANGE = '#FF6105'; const CREAM = '#FFFCF3'; const features = [ { title: 'Trusted Expertise', body: '15+ years consulting for startups, SMBs, and enterprises.', }, { title: 'Tailored Solutions', body: 'From strategy to execution, built around your business goals.', }, { title: 'Proven Impact', body: 'Measurable outcomes in growth, efficiency, and profitability.', }, ]; const fadeUp = { hidden: { opacity: 0, y: 26 }, visible: (i = 0) => ({ opacity: 1, y: 0, transition: { duration: 0.6, delay: i * 0.1, ease: [0.16, 1, 0.3, 1] }, }), }; function useCountUp(target, startWhenInView, duration = 1400) { const [value, setValue] = useState(0); useEffect(() => { if (!startWhenInView) return; let raf; const start = performance.now(); const tick = (now) => { const p = Math.min(1, (now - start) / duration); const eased = 1 - Math.pow(1 - p, 3); setValue(Math.round(target * eased)); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [startWhenInView, target, duration]); return value; } function AnimatedMesh({ tone = 'warm' }) { const blobs = tone === 'warm' ? [ { color: '#FFB703', size: 620, x: ['-10%', '15%', '-10%'], y: ['-15%', '10%', '-15%'], dur: 22 }, { color: '#FF6105', size: 560, x: ['60%', '35%', '60%'], y: ['10%', '40%', '10%'], dur: 26 }, { color: '#E5308F', size: 480, x: ['20%', '55%', '20%'], y: ['55%', '25%', '55%'], dur: 30 }, { color: '#FF8A3D', size: 520, x: ['70%', '45%', '70%'], y: ['70%', '95%', '70%'], dur: 24 }, ] : [ { color: '#FFD08A', size: 520, x: ['0%', '25%', '0%'], y: ['0%', '20%', '0%'], dur: 20 }, { color: '#FF9F55', size: 460, x: ['55%', '30%', '55%'], y: ['30%', '55%', '30%'], dur: 25 }, { color: '#FFC26B', size: 400, x: ['25%', '55%', '25%'], y: ['60%', '30%', '60%'], dur: 28 }, ]; return (

{blobs.map((b, i) => ( ))}

); } function Navbar() { const [scrolled, setScrolled] = useState(false); const [open, setOpen] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); return ( ); } function Hero() { const ref = useRef(null); const inView = useInView(ref, { once: true, margin: '-60px' }); return (

Smarter
strategies Stronger
business We help companies solve complex challenges and unlock opportunities with clarity, speed, and confidence. BOOK CONSULTATION

); } function FeatureRow({ feature, index }) { return (

{feature.title}

{feature.body}

); } function FeaturesSection() { const ref = useRef(null); const inView = useInView(ref, { once: true, margin: '-60px' }); const years = useCountUp(15, inView); return (

{years}+

years of consulting impact

{features.map((f, i) => ( ))}

); } function StatementSection() { return (

Whether you’re scaling, restructuring, or seeking efficiencies, we provide consulting that helps you focus on what matters most. Our team partners with you from discovery to execution to get results.

); } function ClosingCTA() { return (

Anderson & Gardner Consulting Every challenge is unique.
Let’s talk about yours.

AGConsulting@reallygreatsite.com

Facebook Instagram TikTok

); } function FormField({ label, name, type = 'text', textarea = false }) { const [focused, setFocused] = useState(false); const Component = textarea ? 'textarea' : 'input'; return (

{label} setFocused(true)} onBlur={() => setFocused(false)} className="w-full resize-none bg-transparent px-4 py-3 text-[14px] text-white outline-none placeholder:text-white/30" />

); } function ContactForm() { const [sent, setSent] = useState(false); const handleSubmit = (e) => { e.preventDefault(); setSent(true); }; return (

{sent ? (

Message sent

We’ll be in touch shortly.

) : ( Submit

This form is for demonstration purposes only.

)}

); } function Footer() { return ( ); } export default function App() { return (

); }