Minor changes in sample cart and added image overview link for README…

… file

README.md

@@ -2,9 +2,10 @@
 
 fmUI is an extensive collection of free Tailwind CSS components and templates created specifically for your forthcoming project. With a diverse set of components and sample pages, you are able to develop websites, web apps, and much more. Explore our selection to improve your development process with simplicity and flexibility.
 
-Image Overview - Under construction
+<img src="https://github.com/fwedwicc/README-assets/blob/main/banners/fmUI-banner.png" width='100%' alt="fmUI Overview"  />
 
 ## Table of Contents
+
 - [Getting Started](#getting-started)
 - [Usage](#usage)
 - [Features](#features)
@@ -24,6 +25,7 @@ To use fmUI, simply browse through our extensive collection of components and te
 ## Features
 
 fmUI offers a variety of features to streamline your development process:
+
 - Extensive Component Library: A wide range of pre-designed components, from buttons to complex navigation bars, ready to use in your projects.
 - Responsive Design: Components are built with responsiveness in mind, ensuring they look great on any device.
 - Customization: Easily customize components with Tailwind CSS classes to match your project's style and branding.

src/components/SampleCart.jsx

@@ -11,7 +11,7 @@ const SampleCart = () => {
       options={{ max: 15, scale: 1.02, speed: 400 }}
       style={{ height: '100%', width: '100%' }}
     >
-      <div className='rounded-md border w-full h-full border-neutral-400/30 shadow-xl flex flex-col justify-between p-7'>
+      <div className='rounded-md border w-full h-full border-neutral-400/30 shadow-xl flex flex-col gap-8 justify-between p-7'>
         <div className='flex justify-between items-center'>
           <div className='flex gap-3'>
             <HiShoppingBag className='w-5 h-auto' />

src/constants/index.js

@@ -320,5 +320,18 @@ export const templatesData = {
       { component: AuthPage03, codeSnippet: authPage03CodeSnippet, label: 'Sign-in form with left illustration' },
       { component: AuthPage04, codeSnippet: authPage04CodeSnippet, label: 'Sign-up form with right illustration' },
     ]
+  },
+  // Authentication Pages Data
+  authPage2: {
+    cardTitle: "Auth Pages",
+    cardDescription: "Authentication Pages facilitate user login and registration processes.",
+    title: 'Authentication Pages',
+    description: 'Leverage these fmUI Authentication Pages to create seamless and secure user login and registration experiences, ensuring efficient access control and a smooth onboarding process within your interface.',
+    tabs: [
+      { component: AuthPage01, codeSnippet: authPage01CodeSnippet, label: 'Sign-in form card' },
+      { component: AuthPage02, codeSnippet: authPage02CodeSnippet, label: 'Sign-up form card' },
+      { component: AuthPage03, codeSnippet: authPage03CodeSnippet, label: 'Sign-in form with left illustration' },
+      { component: AuthPage04, codeSnippet: authPage04CodeSnippet, label: 'Sign-up form with right illustration' },
+    ]
   }
 }