Blocks
Marketing blocks
Page sections for marketing websites, from the Figma Marketing website components. Every section is composed from the Pepulux atoms (Button, Badge, Avatar, Input, Accordion, Tabs…) and shares a Light / Muted / Brand tone.
import
{ HeroSection, FeaturesSection, PricingSection } from "@pepulux/ui"Header navigationFull-width and floating site headers with mega-menu dropdowns and a mobile menu.Header sectionsHero and page headers — centered, split, screenshot, mockup.Features sectionsIcon grids, cards, image splits, screenshot and alternating rows.Metrics sectionsBig-number stats in rows, cards, split and image overlay.CTA sectionsCentered, split, image, card, mockup and avatar calls to action.Newsletter CTA sectionsEmail sign-up in inline, centered, mockup and card layouts.FAQ sectionsAccordion, two-column, grid, image and contact-card FAQs.Pricing sectionsTier cards with billing toggle, single plan and comparison table.Social proof sectionsLogo rows, grids, cards and press mentions.Testimonial sectionsSingle, carousel, grid, split and logo testimonials.Team sectionsAvatar grid, photo grid, list and split team layouts.Blog sectionsPost cards, blog grids, page header with categories, subscribe card.Careers sectionsOpen roles as lists, grouped lists, cards or beside a photo.Contact sectionsForms with details, contact cards, map and image layouts.ContentBlog post header, content blocks and article layouts.FootersColumns, newsletter, CTA, centered and minimal footers.