Veriqus — Web (v1)

India's premier integrated wealth management platform for UHNI & families. A fully responsive React landing site recreated from the Figma design, with light & dark themes, smooth animations, and a static build ready to deploy on GoDaddy.

Tech stack

• React 18 + Vite 5
• Tailwind CSS 3 (theme via CSS variables)
• Framer Motion (scroll reveals, stepper, carousel)
• lucide-react (icons)
• Fonts: Cormorant Garamond (display) + Inter (body)

Local development

npm install
npm run dev      # http://localhost:5173

Production build

npm run build    # outputs static site to /dist
npm run preview  # preview the production build locally

Project structure

src/
  App.jsx                 # page composition
  context/ThemeContext.jsx# light/dark theme + persistence
  data/content.js         # ALL site copy (single source of truth)
  index.css               # theme tokens + base styles
  components/
    Navbar.jsx  Hero.jsx  Philosophy.jsx  Expertise.jsx
    Method.jsx  Partners.jsx  Difference.jsx  Insights.jsx
    Testimonials.jsx  CTA.jsx  Footer.jsx
    ui/Reveal.jsx  ui/Logo.jsx
public/images/            # hero, philosophy, cta photos

To change wording, edit src/data/content.js. To change colors, edit the CSS variables in src/index.css (:root = light, .dark = dark).

Deploy to GoDaddy (cPanel / shared hosting)

1. Run npm run build.
2. Open the generated dist/ folder.
3. In GoDaddy cPanel → File Manager, go to public_html (or your domain's web root).
4. Upload everything inside dist/ (the index.html, assets/, images/, favicon.svg) — not the dist folder itself.
5. Visit your domain. Done.

The build uses relative asset paths (base: "./"), so it works at a domain root or inside a subfolder without extra config.

Notes

• _figma/ and all_images/ contain design references and preview screenshots used while building; they are not part of the deployed site.
• Photos are royalty-free (Unsplash). Swap them in public/images/ if you have licensed brand imagery.