{/* ==================================================== HEADER SECTION - Fixed navigation bar that stays at the top - Contains logo and navigation links - Uses backdrop blur for modern glass effect ==================================================== */}

{/* Container for header content - Uses container class for responsive width - Maintains consistent padding on all screen sizes */}

{/* Logo Section - Positioned absolutely on desktop (lg screens) - Specific dimensions: 72px width x 20px height - Uses Next.js Image component for optimization @important: Update image URL if branding changes */}

{/* Navigation Section - Desktop Layout - Positioned absolutely on large screens (lg:absolute) - Right-aligned with 271px offset from right edge - Uses flexbox for horizontal alignment of items */}

{/* Changelog Link - Standard navigation link - Gray color scheme with hover effect - Font settings: 13px, medium weight, Instrument Sans Styling classes explained: - text-gray-700: Default text color - hover:text-gray-900: Darker shade on hover - transition-colors: Smooth color transition effect */} Changelog {/* Primary Call-to-Action Button - Styled as a black button with white text - Rounded corners and padding for button-like appearance - Hover effect changes to slightly lighter black Styling classes explained: - bg-black: Black background - text-white: White text - px-[13px] pt-[8px] pb-[8px]: Horizontal and vertical padding - rounded-[7px]: Rounded corners - hover:bg-gray-800: Lighter black on hover */} Request Access

{/* ================================================================== */} {/* HERO SECTION */} {/* Main landing page hero component with CTA and product visualization */} {/* ================================================================== */} {/* Container: Primary hero wrapper with beige background */}

{/* * Top Spacing Block * Creates vertical space (285px) to account for fixed header * Contains "INTRODUCING NUA" text positioned at specific height */}

INTRODUCING NUA

{/* * Main Headline * Two-line headline with mixed regular and italic styles * Uses custom Instrument Serif font * Responsive padding: 4px on mobile, 314px on desktop (lg) */}

Automate high quality account research

to speed up your pipeline generation

{/* * Subheadline * Responsive text with conditional line break on medium+ screens * Font: Instrument Sans Light, 28px * Specific spacing: mt-[25px] mb-[48px] */}

Nua analyzes your accounts & surfaces insights
you'd normally spend hours uncovering.

{/* * CTA Button * Links to /waitlist * Black button with hover state * Contains text and animated arrow image * Fixed dimensions: 227px × 49px */} {/* Button implementation details... */} {/* * Hero Image Section * Large product visualization with gradient overlay * Image dimensions: 1274x1043 * Priority loading for above-the-fold content * Bottom gradient overlay: #DCD5C1 to transparent */}

{/* Gradient overlay for smooth transition to next section */}

{/* ============================================ */} {/* SECTION: Product Features Showcase */} {/* Location: Homepage - Main Content Area */} {/* Purpose: Displays key product features with */} {/* visual elements and heading */} {/* ============================================ */}

{/* COMPONENT: Background Gradient Element - Positioned absolutely behind feature cards - Uses SVG with radial gradient for visual effect - Dimensions: 1517x629px - Z-index: 0 (background layer) */}

{/* COMPONENT: Main Heading Container - Centered layout with max-width constraint - Contains primary marketing message */}

Made for Modern
SaaS Sales Teams

{/* COMPONENT: Feature Cards Grid - 3-column layout with equal spacing - Images dimensions: 336x332px - Important: Maintains z-index 1 to stay above gradient - Grid gap: 8px between cards TODO: Consider making cards responsive for mobile */}

{/* Feature Card 1: Main Banner */} Banner

{/* Feature Card 2: LLM Technology */} LLM Powered Banner

{/* Feature Card 3: Additional Feature */} Third Banner

{/* ============================================ */} {/* SECTION: Founder's Message */} {/* Location: Right side of the landing page */} {/* Purpose: Displays company mission and CTA */} {/* ============================================ */} {/* Container - Absolute positioning from right edge */}

{/* Message Content */}

Nua is created by a founding team with experience in sales and product.
Committed to build the best tool for the sales of SaaS.
{/* CTA Button - Waitlist Registration */} Request Access {/* Arrow Icon - Visual indicator for clickable link */}

{/* ============================================ */} {/* Section: User-Centric Design Showcase */} {/* ============================================ */}

Built for the user. Not the buyer.

A sales tool you
will enjoy using

The times of cluttered and unreliable data are over. Just get a clear view of your key data that enables you to build a strategic point of view on your accounts in seconds.

{/* Gradient Overlay */}

{/* ============================================ */} {/* Section: Final CTA */} {/* ============================================ */}

{/* Add the gradient background div */}

{/* Heading */}

Get Nua Early Access

{/* Description */}

We're gradually opening up early access to companies and individuals.

{/* Button */}

Request Access

{/* ============================================ */} {/* Footer: Site Navigation and Legal */} {/* ==========================================*/}

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This