Landing Page

Configure landing page content and marketing elements

The landing page configuration defines the marketing content displayed on your application's landing page, including features, information sections, and testimonials. and you can modify according to your own requirements.

Location

/config/landing.ts

Key Components

Information Sections

export const infos: InfoLdg[] = [
  {
    title: "Production-Ready for build a SaaS or Content Platform",
    description: "Unlock the full potential of your projects with NestSaaS platform...",
    image: "/images/illustrations/remote-work.svg",
    list: [
      {
        title: "Modern Next.js Tech Stack, With Industry Best Practices",
        description: "Built with React 19, TypeScript, and Tailwind CSS V4...",
        icon: "Laptop",
      },
      // Additional list items...
    ],
  },
  // Additional information sections...
]

Features

export const features: FeatureLdg[] = [
  {
    title: "Authentication",
    description: "Complete authentication flow, supporting OAuth logins and magic link for easy access.",
    link: "/docs",
    icon: "Nextjs",
  },
  // Additional features...
]

Testimonials

export const testimonials: TestimonialType[] = [
  {
    name: "John Doe",
    job: "Full Stack Developer",
    image: "https://randomuser.me/api/portraits/men/1.jpg",
    review: "The next-saas-stripe-starter repo has truly revolutionized my development workflow...",
  },
  // Additional testimonials...
]

Usage

Import the landing page configuration in your landing page sections components:

The landing page sections located at app/(home)/home1/sections

Customization

  • Modify the content of each section to match your product's value proposition
  • Update testimonials with real customer feedback
  • Replace placeholder images with your own illustrations or screenshots
  • Adjust feature icons to match your branding (uses Lucide React icon names)
  • Add or remove sections as needed for your marketing strategy

On this page