import type { Metadata } from 'next'
import FaqAccordion from '@/components/FaqAccordion'

export const metadata: Metadata = {
  title: 'FAQ',
  description: 'Frequently asked questions about L-shaped racks for HDB BTO storerooms and bomb shelters in Singapore.',
}

const faqs = [
  { q: 'What is an L-shaped rack?', a: 'An L-shaped rack is a storage shelving system that follows two walls of your storeroom or bomb shelter, forming an L-shape. Unlike straight racks, it uses your corner space efficiently without a centre pole blocking access.' },
  { q: 'What makes your racks different from generic shelving?', a: 'Every rack we build is custom-measured to your exact storeroom dimensions. We don\'t sell off-the-shelf sizes. This means no gaps, no wasted space, and shelves that actually reach wall to wall.' },
  { q: 'What is the "no centre pole" design?', a: 'Traditional L-shaped racks use a vertical pole in the corner where the two arms meet. Our patented joinery eliminates that pole entirely, giving you unobstructed access to the full corner area — you can walk in freely and reach every shelf.' },
  { q: 'How long does installation take?', a: 'Most installations are completed in half a day. We deliver and assemble on-site — no drilling into walls required. Your rack will be ready to use the same day.' },
  { q: 'Can I install the rack before I move in?', a: 'Yes — and we strongly recommend it. Installing before move-in is easier for our team and means your storeroom is ready to use from day one. Just give us your keys date and we\'ll schedule accordingly.' },
  { q: 'What sizes are available?', a: 'We offer 3-tier, 4-tier, 5-tier and 6-tier configurations, with arm lengths from 90cm to 130cm and depths of 45cm. We also offer raised bottom shelves (15cm or 30cm) for under-rack storage. Every combination can be mixed on different arms.' },
  { q: 'How do I measure my storeroom?', a: 'Measure the length of wall A (left wall), the length of wall B (back wall), and the height from floor to ceiling. Also note your door opening width. Check out our full measurement guide for step-by-step instructions.' },
  { q: 'Do you serve all HDB estates in Singapore?', a: 'Yes, we deliver and install island-wide, including new BTO estates. We have completed installations in 28+ BTO estates in the last 6 months alone.' },
  { q: 'What is the warranty on the racks?', a: 'All racks come with a 1-year structural warranty. See our Warranty Policy for full details.' },
  { q: 'Can I return or exchange the rack if it doesn\'t fit?', a: 'Since every rack is custom-built to your measurements, we are unable to accept returns for change of mind. However, if there is a manufacturing defect or the rack does not match your confirmed order specifications, we will rectify it at no charge. See our Return & Refund Policy for details.' },
]

export default function FAQ() {
  return (
    <>
      <section style={{ background: 'var(--dark-bg)', padding: '3.5rem 1.5rem 2.5rem' }}>
        <div style={{ maxWidth: 700, margin: '0 auto', textAlign: 'center' }}>
          <div className="eyebrow">Help</div>
          <h1 style={{ fontSize: 'clamp(1.6rem, 3.5vw, 2.4rem)', color: 'var(--cta-heading)', marginBottom: '0.75rem' }}>Frequently Asked Questions</h1>
          <p style={{ fontSize: '0.9rem', color: 'var(--dark-muted)', lineHeight: 1.72 }}>Everything you need to know about our L-shaped racks for HDB storerooms.</p>
        </div>
      </section>
      <section style={{ padding: '3rem 1.5rem', background: 'var(--section-bg)', borderTop: '0.5px solid var(--border)' }}>
        <div style={{ maxWidth: 800, margin: '0 auto' }}>
          <FaqAccordion faqs={faqs} />
        </div>
      </section>
    </>
  )
}