const {Button,PullQuote,Card,StepItem}=window.VedutaDesignSystem_f6874f;
function AboutPage({onNavigate}){
  const criteria=[['Size','Room to live, not just sleep. Two bedrooms is the floor for most of the portfolio.'],['Beauty','Every property is thoughtfully decorated — spaces you\u2019d photograph even if nobody asked.'],['View','Something worth opening the curtains for — rooftops, water, a street with life in it.'],['Service & Check-in','Arrival is easy. No lockbox scavenger hunts, no waiting on a host — you walk in and you\u2019re home.'],['Safety','Every property is vetted for safety, so the only thing on your mind is the trip.']];
  return <div>
    <div className="page-hero" style={{background:'var(--grad-hero)',padding:'90px 48px 70px',textAlign:'center'}}>
      <div style={{fontSize:'12px',letterSpacing:'0.28em',textTransform:'uppercase',color:'var(--gold)',fontWeight:500,marginBottom:'18px'}}>About</div>
      <h1 style={{margin:0,fontFamily:'var(--font-serif)',fontWeight:300,fontSize:'var(--text-h1)',color:'var(--text-on-dark)'}}>Every location intentional</h1>
    </div>
    <div style={{background:'var(--cream)',padding:'72px 24px 0',textAlign:'center'}}><img src="assets/brand/lockup-stacked-cream.png" alt="Veduta Travel Club" style={{width:'300px',maxWidth:'80%',height:'auto'}}/></div>
    <VSection narrow label="The Name" headline="What a veduta is" style={{paddingTop:'56px'}}>
      <div style={{fontFamily:'var(--font-sans)',fontWeight:300,fontSize:'16.5px',lineHeight:'var(--leading-body)',color:'var(--text-body)',display:'flex',flexDirection:'column',gap:'20px'}}>
        <p style={{margin:0}}>A veduta (veh-DOO-tah) is an Italian art term: a highly detailed, panoramic painting of a cityscape. Canaletto painted Venice this way — every gondola, every shadow, every window placed on purpose.</p>
        <p style={{margin:0}}>That's the standard here. A trip is composed the way a painter composes a veduta: every property, restaurant, and walk chosen for how it fits the whole. Nothing in the frame by accident.</p>
      </div>
    </VSection>
    <VSection bg="var(--cream-warm)" narrow label="The Founder" headline="Kevin's story">
      <div style={{fontFamily:'var(--font-sans)',fontWeight:300,fontSize:'16.5px',lineHeight:'var(--leading-body)',color:'var(--text-body)',display:'flex',flexDirection:'column',gap:'20px'}}>
        <p style={{margin:0}}>I love planning trips. I always have. But it can be tedious and time consuming, and when space is filling up you end up making momentary decisions you may or may not be happy with. That's travel, and that's life.</p>
        <p style={{margin:0}}>I also travel a lot, and I know that when I don't have as much time for it, I want it to be fucking perfect. Even though I know it won't be, I simply want everything to go smoothly. As an entrepreneur, I thought: I can have fun with that, and deliver a wonderful experience just like the one I'd want to have. So let's make a club out of it, and find ways to celebrate life individually, but also as a fun group.</p>
      </div>
      <div style={{marginTop:'52px'}}><PullQuote attribution="Kevin Mackey" role="Founder & CEO, Veduta Travel Club" style={{margin:'0 auto'}}>If I wouldn't send a friend there, it's not in the portfolio.</PullQuote></div>
    </VSection>
    <VSection label="The Standard" headline="Five things every property must have" intro="No property enters the portfolio without passing all five.">
      <div style={{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(280px,1fr))',gap:'34px 48px'}}>
        {criteria.map(([t,d],i)=><StepItem key={t} number={i+1} title={t}>{d}</StepItem>)}
      </div>
    </VSection>
    <VSection bg="var(--cream-warm)" narrow label="Get in Touch" headline="Questions? Write to us" intro="Press, partnerships, property owners, or anything else. A person reads every message.">
      <VContactForm/>
    </VSection>
    <VSection bg="var(--navy)" dark center headline="See the portfolio" intro="Fifteen cities, curated locations and experiences. We're building the back-end now so by spring 2027, you can step up your travel game without much effort! Join the waitlist to be among the first members.">
      <VWaitlist style={{marginBottom:'26px'}}/>
      <Button variant="outlineLight" onClick={()=>onNavigate&&onNavigate('Destinations')}>Explore Destinations</Button>
    </VSection>
  </div>;
}
window.AboutPage=AboutPage;