// Stack.jsx
const StackItem = ({ icon, name }) => (
  <div className="cc-stack-item">
    <div className="cc-stack-icon"><Icon name={icon} size={18} /></div>
    <span>{name}</span>
  </div>
);

const Stack = () => (
  <section className="cc-stack" id="stack">
    <SectionHeader eyebrow="How We Build" title="Modern stack," italic="proven results." />
    <div className="cc-stack-grid">
      <StackItem icon="react" name="React Native" />
      <StackItem icon="flame" name="Firebase" />
      <StackItem icon="brain" name="Gemini AI" />
      <StackItem icon="smartphone" name="Expo" />
      <StackItem icon="cloud" name="Cloud Functions" />
      <StackItem icon="card" name="RevenueCat" />
    </div>
  </section>
);
window.Stack = Stack;