DB Telecom Inc. — Website

Marketing site for DB Telecom Inc., a California-licensed smart home, lighting, networking, security, and commercial access control integrator (CSLB #1119513).

Built with Next.js (App Router) and deployed on Vercel. Originally a mirror of https://db-telecom-inc.brotsky.chatgpt.site/; the design is preserved verbatim while metadata, share images, and routing are handled by Next.js.

Stack

• Next.js 15 App Router + React 19 + TypeScript
• Design/markup preserved from the original static build (rendered in app/page.tsx; styles in app/globals.css)
• Client interactions in components/Interactions.tsx

Structure

app/
  layout.tsx            Metadata API (title, OG, Twitter, robots) + JSON-LD
  page.tsx              Renders the page markup + <Interactions/>
  content.ts            Extracted page markup + structured data
  globals.css           Site styles + Geist fonts + enhancements
  opengraph-image.tsx   Dynamic 1200x630 share image (next/og ImageResponse)
  twitter-image.tsx     Re-exports the OG image
  robots.ts             robots.txt (welcomes AI crawlers)
  sitemap.ts            sitemap.xml
  icon.svg              favicon
components/
  Interactions.tsx      Contact form (Web3Forms), sticky nav + animated scroll,
                        scroll-reveal — all client-side
public/
  assets/_vinext_fonts/ Geist + Geist Mono (woff2)
  logos/                Brand logos
  images/               Section background images
  llms.txt              Business summary + FAQ for LLM assistants

Share images (OG)

app/opengraph-image.tsx generates the share preview dynamically with next/og. Edit the copy there and every OG/Twitter preview updates on the next deploy. Titles/descriptions live in app/layout.tsx.

Contact form

Posts to Web3Forms (access key in components/Interactions.tsx) with an inline spinner, animated status, and a botcheck honeypot.

Develop

npm install
npm run dev      # http://localhost:3000
npm run build    # production build

Deployment

Hosted on Vercel and connected to this GitHub repo — every push to the default branch triggers a production build.