const {Button,StepItem,Card}=window.VedutaDesignSystem_f6874f;
const DISCLAIMER_SHORT='Nothing on this website is an offer to sell, a solicitation of an offer to buy, or a promise or guarantee of any kind. Any ownership opportunity will be made only through its own legal agreement and offering documents, with its own diligence, financial, and legal materials.';
function VNotice({children,dark=false,style}){
  return <div role="note" style={{border:'1px solid var(--gold)',borderLeft:'4px solid var(--gold)',borderRadius:'var(--radius-md)',padding:'18px 22px',background:dark?'rgba(201,169,110,.08)':'rgba(201,169,110,.10)',fontFamily:'var(--font-sans)',fontWeight:300,fontSize:'14.5px',lineHeight:1.65,color:dark?'var(--text-on-dark)':'var(--text-body)',...style}}>
    <span style={{display:'block',fontFamily:'var(--font-sans)',fontSize:'11px',letterSpacing:'0.22em',textTransform:'uppercase',fontWeight:500,color:'var(--gold)',marginBottom:'8px'}}>Important</span>
    {children}
  </div>;
}
function OwnershipInterestForm(){
  const init={firstName:'',lastName:'',email:'',phone:'',city:'',accredited:'',cities:'',budget:'',message:'',acknowledge:false};
  const [f,setF]=React.useState(init);
  const [status,setStatus]=React.useState('idle');
  const set=k=>v=>setF(x=>({...x,[k]:v}));
  const submit=async e=>{
    e.preventDefault();
    if(!f.acknowledge){setStatus('ack');return;}
    if(status==='sending')return;
    setStatus('sending');
    const {acknowledge,...rest}=f;
    const ok=await window.vedutaSubmitForm('ownership-interest',{...rest,acknowledged:'yes',page:window.location.hash});
    setStatus(ok?'sent':'error');
  };
  if(status==='sent')return <div style={{textAlign:'center',padding:'10px 0 20px'}}>
    <div style={{fontFamily:'var(--font-serif)',fontWeight:300,fontSize:'34px',color:'var(--navy)',lineHeight:1.2}}>Thank you, {f.firstName}.</div>
    <p style={{margin:'16px auto 0',maxWidth:'520px',fontFamily:'var(--font-sans)',fontWeight:300,fontSize:'15.5px',lineHeight:'var(--leading-body)',color:'var(--text-body)'}}>We've noted your interest and will be in touch at {f.email} when an ownership opportunity is ready to share. Any opportunity will come with its own documents for you and your advisors to review. This is not a commitment on your part or ours.</p>
  </div>;
  return <form onSubmit={submit} style={{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(240px,1fr))',gap:'22px 20px'}}>
    <VField half label="First name" name="firstName" value={f.firstName} onChange={set('firstName')} required/>
    <VField half label="Last name" name="lastName" value={f.lastName} onChange={set('lastName')} required/>
    <VField half label="Email" name="email" type="email" value={f.email} onChange={set('email')} required/>
    <VField half label="Phone" name="phone" type="tel" value={f.phone} onChange={set('phone')} placeholder="Optional"/>
    <VField half label="Home city" name="city" value={f.city} onChange={set('city')} required/>
    <VField half label="Accredited investor status" name="accredited" as="select" value={f.accredited} onChange={set('accredited')} required options={[['','Select one'],['yes','I am an accredited investor'],['no','I am not'],['unsure','Not sure']]}/>
    <VField half label="Cities of interest" name="cities" value={f.cities} onChange={set('cities')} placeholder="e.g. Rome, Chicago, Saint Martin"/>
    <VField half label="Indicative range" name="budget" as="select" value={f.budget} onChange={set('budget')} options={[['','Select one'],['35-50k','$35,000 – $50,000'],['50-100k','$50,000 – $100,000'],['100k+','$100,000+'],['unsure','Not sure yet']]} hint="For conversation only. Not a commitment."/>
    <VField label="Anything else?" name="message" as="textarea" rows={4} value={f.message} onChange={set('message')} placeholder="What you'd want from ownership, how often you'd use it, questions for us."/>
    <label style={{gridColumn:'1 / -1',display:'flex',gap:'12px',alignItems:'flex-start',fontFamily:'var(--font-sans)',fontWeight:300,fontSize:'13.5px',lineHeight:1.6,color:'var(--text-body)',cursor:'pointer'}}>
      <input type="checkbox" name="acknowledge" checked={f.acknowledge} onChange={e=>{set('acknowledge')(e.target.checked);if(status==='ack')setStatus('idle');}} style={{marginTop:'4px',accentColor:'var(--gold)'}}/>
      <span>I understand this is an expression of interest only. It is not an offer, a reservation, or a commitment, and any ownership would be governed by a separate written agreement and offering documents that I would review with my own advisors.</span>
    </label>
    <div style={{gridColumn:'1 / -1'}}>
      <Button size="lg">{status==='sending'?'Sending…':'Express Interest'}</Button>
      {status==='ack'&&<div role="alert" style={{fontFamily:'var(--font-sans)',fontSize:'14px',color:'var(--terracotta)',marginTop:'14px'}}>Please confirm the acknowledgement above to continue.</div>}
      <VFormStatus status={status}/>
    </div>
  </form>;
}
function OwnershipPage({onNavigate}){
  const body={margin:0,fontFamily:'var(--font-sans)',fontWeight:300,fontSize:'16.5px',lineHeight:'var(--leading-body)',color:'var(--text-body)'};
  const li={fontFamily:'var(--font-sans)',fontWeight:300,fontSize:'15.5px',lineHeight:1.6,color:'var(--text-body)',padding:'12px 2px',borderBottom:'1px solid var(--border-subtle)',display:'flex',gap:'14px',alignItems:'baseline'};
  const dot=<span style={{color:'var(--gold)',fontFamily:'var(--font-serif)'}}>·</span>;
  const how=[
    ['Ten shares per property','Each Owner property is divided into ten equal ownership interests. You hold one, or more, alongside nine other members.'],
    ['Twenty-one days a year','Every share carries 21 usage days per year, booked up to six months in advance on the club’s reservation platform. Peak dates are allocated by a rotation set out in the property’s agreement.'],
    ['Professional management','Housekeeping, maintenance, guest handling, and local compliance are run by a professional manager. Owners are not landlords on call.'],
    ['Rental when you’re away','Unused nights may be rented to club members and guests. Rental income, if any, is intended to offset the property’s carrying costs. It is not guaranteed and may not cover them.'],
    ['Shared costs','Taxes, insurance, maintenance, and management fees are shared among owners in proportion to their interests. The fee schedule for each property is set out in its offering documents.'],
    ['Your interest, your decision','How and when an interest can be sold or transferred is governed by each property’s agreement. Ownership interests are illiquid and should be treated as long-term.']
  ];
  const pack=['A description of the property, its title, condition, and any inspection reports','The ownership structure and the operating or co-ownership agreement','The full fee schedule and how costs are shared','Financial information and any projections, with the assumptions behind them stated','The management agreement and who the manager is','Usage rules, the reservation rotation, and rental terms','Transfer and exit provisions','Risk factors specific to that property and jurisdiction'];
  const risks=['Ownership interests are illiquid. There may be no market to sell an interest, and transfers are restricted by the property’s agreement.','Property values can fall as well as rise. There is no assurance of appreciation.','Rental income is not guaranteed. Occupancy, rates, and costs vary, and income may be lower than carrying costs.','Costs, taxes, and regulations can change, and can differ materially between jurisdictions.','Shared use means limits on dates and availability, set by the rotation in the agreement.','Tax treatment depends on your circumstances and the property’s location. Take your own tax advice.','You could lose some or all of the money you put in.'];
  return <div>
    <div className="page-hero" style={{padding:'190px 48px 110px',position:'relative',overflow:'hidden',background:'var(--navy-deep)',textAlign:'center'}}>
      <img src="assets/cities/rome/hero.jpg" alt="" style={{position:'absolute',inset:0,width:'100%',height:'100%',objectFit:'cover',animation:'vedKen 45s ease-in-out infinite alternate'}}/>
      <div style={{position:'absolute',inset:0,background:'linear-gradient(180deg,rgba(19,31,56,.82) 0%,rgba(27,42,74,.6) 50%,rgba(19,31,56,.92) 100%)'}}></div>
      <div style={{position:'relative',maxWidth:'760px',margin:'0 auto'}}>
        <div style={{fontSize:'12px',letterSpacing:'0.28em',textTransform:'uppercase',color:'var(--gold)',fontWeight:500,marginBottom:'20px'}}>Tier 04 · The Owner</div>
        <h1 style={{margin:0,fontFamily:'var(--font-serif)',fontWeight:300,fontSize:'var(--text-hero)',color:'var(--text-on-dark)'}}>Own a piece of the portfolio</h1>
        <p style={{margin:'24px auto 0',maxWidth:'560px',fontFamily:'var(--font-sans)',fontWeight:300,fontSize:'18px',lineHeight:'var(--leading-body)',color:'rgba(245,241,232,.78)'}}>The portfolio’s best properties, held in tenths by members who want a place that’s theirs in a city they return to.</p>
      </div>
      <VCredit id="rome"/>
    </div>

    <div style={{background:'var(--cream)',padding:'40px 48px 0'}}>
      <div style={{maxWidth:'var(--content-max)',margin:'0 auto'}}>
        <VNotice>{DISCLAIMER_SHORT} Ownership is available only to accredited investors who meet the financial requirements of the relevant jurisdiction. Read the full notice at the bottom of this page.</VNotice>
      </div>
    </div>

    <VSection label="The Idea" headline="Travel to your own places" style={{paddingTop:'72px'}}>
      <div style={{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(280px,1fr))',gap:'40px 64px',alignItems:'start'}}>
        <div style={{display:'flex',flexDirection:'column',gap:'20px'}}>
          <p style={body}>The Owner is the fourth tier of Veduta Travel Club, and the only one where you hold something rather than subscribe to it. A small number of the portfolio’s properties are set up for fractional ownership: ten interests per property, each with its own share of use, cost, and any income.</p>
          <p style={body}>The idea is simple. Instead of renting the same city year after year, you own part of a home there, professionally managed, and book it like a member. When you’re not using it, the club can rent your nights to other members and guests.</p>
          <p style={body}>It is real property ownership, with real paperwork. Every property is offered separately, with its own legal agreement and its own set of documents for you to examine with your own lawyer, accountant, and financial advisor before you decide anything.</p>
        </div>
        <div style={{display:'flex',flexDirection:'column',gap:'16px'}}>
          <Card kicker="Structure" title="1 of 10" goldBorder>Ten equal ownership interests per property.</Card>
          <Card kicker="Use" title="21 days a year" goldBorder>Per interest, booked up to six months ahead on the club’s reservation platform.</Card>
          <Card kicker="Indicative entry" title="From $35,000" goldBorder>Per interest. Indicative only. The price, costs, and terms of each property are set in its own offering documents.</Card>
        </div>
      </div>
    </VSection>

    <VSection bg="var(--cream-warm)" label="How It Works" headline="What owning a share means">
      <div style={{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(300px,1fr))',gap:'34px 48px'}}>
        {how.map(([t,d],i)=><StepItem key={t} number={i+1} title={t}>{d}</StepItem>)}
      </div>
    </VSection>

    <VSection label="Who Can Own" headline="Accredited investors only" narrow>
      <div style={{display:'flex',flexDirection:'column',gap:'20px'}}>
        <p style={body}>Ownership interests are available only to accredited investors, as defined by the securities laws that apply to the offering, who also meet the financial parameters set by regulators in the property’s jurisdiction. Before any documents are shared, we verify accredited status and complete identity and anti-money-laundering checks.</p>
        <p style={body}>Club membership is separate from ownership. Holding an ownership interest does not require, and is not created by, a Veduta membership, and a membership does not give any right to an ownership interest.</p>
      </div>
    </VSection>

    <VSection bg="var(--navy)" dark label="Before Any Decision" headline="What you receive first" intro="No one buys from a web page. Before you are asked to decide anything, you receive a complete package for that specific property, and time to review it with your own advisors.">
      <ul style={{listStyle:'none',padding:0,margin:0,display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(300px,1fr))',gap:'0 48px'}}>
        {pack.map(p=><li key={p} style={{...li,color:'var(--text-on-dark)',borderBottom:'1px solid rgba(245,241,232,.12)'}}>{dot}{p}</li>)}
      </ul>
      <VNotice dark style={{marginTop:'40px'}}>Projections, if provided, are estimates based on stated assumptions. They are not forecasts of what will happen and are not guarantees. Past performance of any property, market, or the club is not an indication of future results.</VNotice>
    </VSection>

    <VSection label="The Process" headline="From interest to keys">
      <div style={{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(260px,1fr))',gap:'34px 48px'}}>
        <StepItem number={1} title="Express interest">Use the form below. It is a conversation starter, not a reservation or a commitment.</StepItem>
        <StepItem number={2} title="Verification">We confirm accredited status and complete identity checks before sharing any offering materials.</StepItem>
        <StepItem number={3} title="Review the documents">You receive the full package for a specific property. Take it to your lawyer, accountant, and financial advisor.</StepItem>
        <StepItem number={4} title="Ask everything">Questions go to us and to the professionals involved. Nothing proceeds until you are satisfied.</StepItem>
        <StepItem number={5} title="Sign and fund">If you decide to proceed, you sign the property’s legal agreement and fund your interest under the terms it sets out.</StepItem>
        <StepItem number={6} title="Book your first stay">Your usage days open on the reservation platform, and you travel to a place that’s partly yours.</StepItem>
      </div>
    </VSection>

    <VSection bg="var(--cream-warm)" label="Risks" headline="Read this part" narrow intro="Ownership has real upside and real risk. These are the main ones, in plain language.">
      <ul style={{listStyle:'none',padding:0,margin:0}}>
        {risks.map(r=><li key={r} style={li}>{dot}{r}</li>)}
      </ul>
    </VSection>

    <VSection label="Express Interest" headline="Start the conversation" narrow intro="Tell us a little about yourself. We’ll reach out when there is an opportunity worth your time, with the documents to go with it.">
      <OwnershipInterestForm/>
    </VSection>

    <VSection bg="var(--navy-deep)" dark narrow label="Legal Notice" headline="Please read" style={{padding:'80px 48px'}}>
      <div style={{fontFamily:'var(--font-sans)',fontWeight:300,fontSize:'14px',lineHeight:1.75,color:'rgba(245,241,232,.78)',display:'flex',flexDirection:'column',gap:'14px'}}>
        <p style={{margin:0}}><strong style={{fontWeight:500,color:'var(--text-on-dark)'}}>No offer.</strong> This website, including this page, is for general information only. Nothing on it is an offer to sell or a solicitation of an offer to buy any security, property interest, or investment, in any jurisdiction. Any offer will be made only by means of the definitive legal agreement and offering documents for a specific property, and only to persons eligible to receive them.</p>
        <p style={{margin:0}}><strong style={{fontWeight:500,color:'var(--text-on-dark)'}}>No promise or guarantee.</strong> Nothing on this website is a promise, guarantee, warranty, or representation about any property, its availability, price, costs, income, value, appreciation, tax treatment, or performance. Descriptions, figures, and examples are illustrative and may change or never materialize. Any figures are indicative only.</p>
        <p style={{margin:0}}><strong style={{fontWeight:500,color:'var(--text-on-dark)'}}>Separate documentation for every offering.</strong> Each ownership opportunity is a separate legal arrangement with its own due diligence materials, financial information, risk factors, and legal documentation. Those documents, and not this website, govern the rights and obligations of anyone who participates. If anything on this website conflicts with those documents, the documents control.</p>
        <p style={{margin:0}}><strong style={{fontWeight:500,color:'var(--text-on-dark)'}}>Eligibility.</strong> Participation is limited to accredited investors, as defined by applicable law, who satisfy the financial and regulatory requirements of the relevant jurisdiction. Verification is required before any documents are provided.</p>
        <p style={{margin:0}}><strong style={{fontWeight:500,color:'var(--text-on-dark)'}}>Take your own advice.</strong> Nothing here is legal, tax, financial, or investment advice. You should rely on your own independent advisors before making any decision.</p>
        <p style={{margin:0}}><strong style={{fontWeight:500,color:'var(--text-on-dark)'}}>Expressions of interest.</strong> Submitting the form on this page is an expression of interest only. It creates no obligation on you or on Veduta Travel Club, Halcyon Brands, LLC, or their affiliates, and reserves nothing.</p>
      </div>
      <div style={{marginTop:'36px',display:'flex',gap:'16px',flexWrap:'wrap'}}>
        <Button variant="outlineLight" onClick={()=>onNavigate&&onNavigate('Membership')}>See all membership tiers</Button>
      </div>
    </VSection>
  </div>;
}
Object.assign(window,{OwnershipPage,VNotice});