Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.tariqdev.xyz/llms.txt

Use this file to discover all available pages before exploring further.

​
Homepage

Homepage sections live in: 
app/home/
The homepage is designed as the first impression for the hosting brand.
The homepage should quickly answer what you sell, why customers should trust it, and where they should order.

​
Common Sections

Depending on the current version, the homepage may include:
  • Hero section.
  • Feature sections.
  • Pricing or product preview.
  • Comparison modal.
  • FAQ.
  • Newsletter.
  • Server map or latency section.
  • Testimonials or social proof.

​
Hero Section

Main file: 
app/home/HeroSection.tsx
Use it to update:
  • Main headline.
  • Supporting copy.
  • CTA buttons.
  • Hero visuals.
  • Border beam usage.
  • Background effects.

​
FAQ Section

Main file: 
app/home/FaqSection.tsx
Keep FAQ answers short and direct. Long support content should live in docs instead.

​
Newsletter Section

Main file: 
app/home/NewsletterSection.tsx
Wire this to your preferred email provider if you need real submissions. Possible providers:
  • Resend.
  • Mailchimp.
  • ConvertKit.
  • Custom API route.

​
Homepage Customization Tips

  • Keep hero copy focused on the product.
  • Use real hosting benefits, not generic marketing copy.
  • Keep visual effects subtle enough to preserve readability.
  • Test the first viewport on mobile.
  • Check both light and dark mode.

​
Suggested Section Flow

For most hosting brands, this structure works well:
  1. Hero with clear offer and primary CTA.
  2. Product category or pricing preview.
  3. Feature section with real infrastructure benefits.
  4. Game, web, VPS, app, or node highlights.
  5. Comparison, stats, or trust section.
  6. FAQ.
  7. Final CTA or newsletter.

​
CTA Examples

Primary CTASecondary CTA
View PlansJoin Discord
Start HostingCompare Plans
Order NowContact Support
Deploy TodayView Game Servers
Make sure both CTA links still work after changing siteConfig.billing.url.

​
Product Preview Rules

Homepage previews should stay compact. Show:
  • Plan name.
  • Starting price.
  • Short tagline.
  • Important specs.
  • One checkout or learn-more CTA.
Avoid showing every feature on the homepage. Detailed comparisons belong on product pages.

​
Mobile Review

Before shipping homepage edits, check:
  • Hero headline wrapping.
  • CTA button width.
  • Modal height.
  • FAQ accordion behavior.
  • Card spacing.
  • Background contrast.
  • Header overlap while scrolling.