Skip to content

A modern and interactive landing page for "Libertad Digital," designed to promote digital detox and personal growth. Built with Next.js, Tailwind CSS, and integrated with Lemon Squeezy for seamless payment processing.

License

Notifications You must be signed in to change notification settings

CarlosFULLHD/personal-webpage

Repository files navigation

Landing Page with Next JS

Table of Contents

  1. Project Overview
  2. Features
  3. Technologies Used
  4. Static Content and Media Management
  5. Styling
  6. CDN for Images
  7. Hosting
  8. License

Project Overview

This landing page is designed to provide a comprehensive platform for promoting and selling the "Libertad Digital" course. The site includes various features aimed at enhancing user engagement and driving conversions, following the principles outlined in Alex Hormozi's "100M Offers" and Russell Branson's "Dotcom Secrets."

Features

View on desktop: Desktop View

View on mobile: Mobile View

Interactive Pop-Ups

To maximize sales, the website utilizes interactive pop-ups. These pop-ups deliver targeted messages and offers to visitors, encouraging them to take action, such as signing up for the course or taking advantage of limited-time discounts.

Interactive Pop-Ups

Interactive Pop-Ups

Author Section

The author section provides social validation by showcasing the credibility and expertise of Carlitos Nina. This section includes a detailed biography, accomplishments, and testimonials from satisfied users, reinforcing trust and authenticity.

Author Section

Author Section

Course Points and Features

This section highlights the key points and features of the "Libertad Digital" course. It breaks down the course into easy-to-understand modules, outlining what users will learn and how it will benefit them in their journey to digital detox and personal growth.

Course Points and Features

Bonuses Section

To add more value, the bonuses section lists all the exclusive bonuses that come with the course. These bonuses include additional resources, templates, and access to a private community, enhancing the overall offer and making it more appealing.

Bonuses Section

Product Comparison Section

A product comparison section is included to highlight the advantages of "Libertad Digital" over other similar products. This section uses clear, concise comparisons to showcase the unique features and superior value of the course.

Product Comparison Section

FAQs Section

The FAQs section addresses common questions and concerns potential customers might have. This section is designed to remove any doubts and provide clear, reassuring answers to help users make an informed decision.

FAQs Section

Guarantee

To help users feel more secure in their purchase, the website offers a 30-day money-back guarantee. This guarantee provides peace of mind, showing users that their satisfaction is the top priority.

Guarantee

Checkout

A checkout page with Lemon Squeezy, with the price of the product

Checkout

Contact Modal

A modal made for users and interested users that want to collaborate with the creator.

Contact Modal

Form Nested to Next.js

A form to make quizzes to users and receive feedback powered by Youform.

Form Nested to Next.js

Newsletter Page

A page made for users that want to subscribe to a newsletter of the site's owner.

Newsletter Page

Technologies Used

The Carlitos Nina web page is built using cutting-edge technologies to ensure a seamless and responsive user experience:

  • Next.js: For server-side rendering and static site generation.
  • Tailwind CSS: For utility-first CSS styling.
  • Next UI: For pre-built UI components.
  • Shadcn: For additional styling and component functionalities.
  • Shadcn Extension: For extended features and styles.

Static Content and Media Management

Adding Images in AWS

To manage images, mp4 videos, and other static content with proper caching in AWS:

  1. Change File Names: For any new content or updates, ensure you change the file name to enforce the cache.
  2. Configure Metadata: Set appropriate metadata for each new or updated element.

Adding Images in AWS

Content Management System

  • Lemon JS: Applied to the product "Libertad Digital."
  • Lemon Squeezy: Used as the payment method for the product on sale.

Styling

The website utilizes the following styling frameworks and extensions:

  • Tailwind CSS: For utility-first CSS.
  • Next UI: For UI components.
  • Shadcn: For additional styling and components.
  • Shadcn Extension: For extended functionalities.

CDN for Images

To efficiently serve images, the following CDN configurations are used:

  • S3: For storage.
  • CloudFront: For content delivery.

Hosting

The website is hosted on:

  • Vercel: For seamless deployment and hosting.

Carlitos Nina © 2024 Carlos Nina. All rights reserved.

About

A modern and interactive landing page for "Libertad Digital," designed to promote digital detox and personal growth. Built with Next.js, Tailwind CSS, and integrated with Lemon Squeezy for seamless payment processing.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published