Getting started
...
Components
Templates Components
16 min
templates components purpose complete page layouts ready to use for common application scenarios key features pre built layouts responsive design easy customization multiple use cases production ready 1\ landing page template purpose showcase products or services with call to action sections header with navigation hero section with cta features section testimonials ready to start section footer components used navigation bar hero component feature cards testimonial cards cta buttons footer customization update copy and images modify color scheme adjust layout spacing add/remove sections 2\ landing page moka (educational platform) purpose showcase educational ai academic assistant platform sections header with navigation logo and branding welcome to moka section what is moka? section about moka description features and capabilities call to action buttons components used navigation bar logo component hero component image component text content sections button components link components customization update platform name (moka) modify educational messaging update feature descriptions customize color scheme add/remove navigation items 3\ landing page esom care (care services platform) purpose showcase care services marketplace connecting users and professionals sections header with navigation main hero section how it works section (care users pathway) how it works section (care professionals pathway) key features & benefits (care users) key features & benefits (care professionals) dedicated paths section testimonials section contact form section ("keep in touch with us!") footer with links components used navigation bar hero component with cta buttons process step cards (1, 2, 3 layout) feature list cards (dual audience) testimonial cards with author info form component (first name, last name, email, phone, message) footer with multiple sections links for privacy policy, terms of service, contact customization update platform name (esom care) modify tagline and description customize dual pathway messaging update feature lists add/remove form fields update footer links and copyright 4\ landing page brand name (modern tech/saas) purpose generic tech company or saas product showcase sections header with navigation hero section with technology messaging key features section (3 column layout) feature descriptions footer with multiple columns components used navigation bar (home, about, services, contact) brand name header hero component with image cta buttons (get started, learn more, watch demo) feature cards (feature one, two, three) multi column footer (company, resources, legal, connect) social media links image component customization update brand/company name modify hero messaging and replace image customize feature titles and descriptions update footer links and company info add/remove footer sections adjust color scheme 5\ landing page artify ai (image generation platform) purpose showcase ai image generation and stock image alternatives sections header with navigation brand name (artify ai) hero section with value proposition main headline ("no more boring stock images") description text image gallery grid (12 images) beta waitlist signup section footer components used navigation bar (home, features, how it works, gallery, pricing) brand name header hero component with text image grid gallery (12 images in grid layout) email signup/input component cta buttons (sign up, join the beta waitlist) footer links customization update platform name (artify ai) modify headline and description replace gallery images (12 images total) customize email capture form update navigation menu items adjust color scheme and styling 6\ landing page artifexia (photo enhancement ai) purpose showcase ai photo transformation and enhancement platform sections header with navigation brand heading (artifexia) tagline section main value proposition call to action heading photo showcase gallery (5+ images) dual cta buttons footer with links components used navigation bar (about us, gallery, features, pricing) brand name header (artifexia) hero text with emoji icons (camera emoji) main heading component image carousel/gallery (5+ images flower and person, woman portrait, person in peach suit, man in art studio, vibrant pattern) dual action buttons (get started now, request a demo) footer with navigation links customization update platform name (artifexia) modify tagline text update value proposition messaging replace showcase images customize button text adjust color scheme and styling 7\ landing page ui template purpose dashboard/admin ui component showcase sections ui component display dashboard interface elements widget layouts components used ui components dashboard elements layout components customization modify dashboard styling update component designs adjust color scheme 8\ landing page additional variant 1 purpose alternative landing page design for different use cases sections navigation and header hero section content sections call to action footer components used navigation components hero component content cards button components footer customization update content and messaging replace images modify colors and styling add/remove sections 9\ landing page additional variant 2 purpose alternative landing page design for different industries sections navigation and header hero section content sections call to action footer components used navigation components hero component content cards button components footer customization update content and messaging replace images modify colors and styling add/remove sections template comparison table template purpose primary use case key sections audience landing page template general product/service showcase saas, products hero, features, testimonials b2b/b2c moka educational platform edtech, ai assistant about, features, cta education esom care care services marketplace services, dual sided pathways, benefits, testimonials service providers brand name tech/saas company tech products features, benefits, company info tech companies artify ai image generation platform ai tools gallery, waitlist ai/creative artifexia photo enhancement ai tools gallery, features, demo photography/ai ui template dashboard showcase admin/analytics ui components internal tools variant 1 general purpose custom use case flexible sections any industry variant 2 general purpose custom use case flexible sections any industry component breakdown by template common components across all templates navigation bar hero component cta buttons footer component types used navigation components navigation bar link components logo component content components hero component feature cards testimonial cards text sections image components image galleries/carousels interactive components cta buttons form components (input fields, text areas, submit buttons) email signup components layout components header/navigation sections content grid layouts multi column layouts sidebar layouts footer layouts customization options for all templates content customization update copy and text content modify headings and descriptions update call to action text change button labels visual customization replace images with your own modify color scheme adjust spacing and padding change fonts and typography update gradients and backgrounds structural customization add or remove sections reorder sections add/remove feature cards customize form fields update navigation links branding customization update company/product name replace logo update brand colors modify messaging customize footer information template features all templates feature ✓ responsive design ✓ mobile optimized layouts ✓ fast loading ✓ clean, modern design ✓ production ready code ✓ reusable components ✓ easy to customize ✓ professional layouts when to use each template landing page template general product/service showcase standard saas landing pages when you need features, testimonials, and cta moka variant educational platforms ai assistant services edtech products esom care variant service marketplaces dual sided platforms (users & professionals) care/service companies professional networks brand name variant tech companies generic saas products startups corporate websites artify ai variant image generation tools ai powered creative tools visual product showcases waitlist focused platforms artifexia variant photo enhancement tools image transformation services visual heavy products demo focused platforms ui template dashboard showcases admin panel examples internal tools presentation ui kit demonstrations benefits of using templates faster development consistent styling best practice layouts responsive out of box easy to extend professional appearance industry specific variants production ready template usage workflow select template choose from 9 available templates customize content update text, images, and messaging customize styling modify colors, fonts, and layout add sections include additional components as needed test responsiveness verify on mobile and desktop deploy publish your customized template