Component gallery
86 components of the www engine, grouped by section type so that look-alikes sit next to each other. Every sample is a real section of 4 live sites (posexpert.se, skattedosan.se, codeexpert.se, pages.gitt.one), rendered by this very engine. Open a group to compare its members; open a component for all its samples, props and source.
Hero5
The first screen: title, pitch, picture, buttons.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| Hero | sections/Hero.astro 101 lines | 18 | posexpert.se | 1 |
| Herolegacy | components/Hero.astro 96 lines | 10 | skattedosan.se | 2 |
| HeroSection | components/HeroSection.astro 83 lines | 7 | pages.gitt.one | 1 |
| ActionCallSection | components/ActionCallSection.astro 98 lines | 8 | codeexpert.se | 1 |
| BrandPanel | components/BrandPanel.astro 108 lines | 8 | skattedosan.se | 2 |
Features & lists33
Grids and lists of benefits, services, steps, products, checklists.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| Features | sections/Features.astro 31 lines | 7 | posexpert.se | 1 |
| Feature | sections/Feature.astro 41 lines | 7 | posexpert.se | 1 |
| FeatureSection | components/FeatureSection.astro 13 lines | 0 | pages.gitt.one | 1 |
| FeatureItem | components/FeatureItem.astro 54 lines | 5 | pages.gitt.one | 1 |
| GradientFeatureSection | components/GradientFeatureSection.astro 19 lines | 2 | pages.gitt.one | 1 |
| GradientFeatureItem | components/GradientFeatureItem.astro 26 lines | 3 | pages.gitt.one | 1 |
| NewFeaturesSection | components/NewFeaturesSection.astro 55 lines | 3 | skattedosan.se | 2 |
| NewFeatureItem | components/NewFeatureItem.astro 46 lines | 5 | skattedosan.se | 2 |
| HighlightsSection | components/HighlightsSection.astro 15 lines | 1 | skattedosan.se | 4 |
| HighlightItem | components/HighlightItem.astro 28 lines | 3 | skattedosan.se | 4 |
| DifferentSection | components/DifferentSection.astro 32 lines | 2 | skattedosan.se | 2 |
| DifferentItem | components/DifferentItem.astro 48 lines | 3 | skattedosan.se | 2 |
| ServiceSection | components/ServiceSection.astro 20 lines | 1 | history only | 1 |
| ServicesSection | components/ServicesSection.astro 24 lines | 2 | codeexpert.se | 1 |
| ServiceItem | components/ServiceItem.astro 44 lines | 5 | codeexpert.se | 2 |
| ProductSection | components/ProductSection.astro 23 lines | 2 | pages.gitt.one | 2 |
| ProductItem | components/ProductItem.astro 46 lines | 5 | pages.gitt.one | 2 |
| AudienceSection | components/AudienceSection.astro 33 lines | 3 | pages.gitt.one | 1 |
| AudienceItem | components/AudienceItem.astro 26 lines | 4 | pages.gitt.one | 1 |
| ChecklistSection | components/ChecklistSection.astro 33 lines | 3 | pages.gitt.one | 1 |
| ChecklistItem | components/ChecklistItem.astro 19 lines | 2 | pages.gitt.one | 1 |
| StepsSection | components/StepsSection.astro 21 lines | 2 | pages.gitt.one | 2 |
| StepItem | components/StepItem.astro 20 lines | 3 | pages.gitt.one | 2 |
| SchemaSection | components/SchemaSection.astro 16 lines | 1 | codeexpert.se | 1 |
| SchemaItem | components/SchemaItem.astro 46 lines | 3 | codeexpert.se | 1 |
| Offsets | components/Offsets.astro 77 lines | 3 | skattedosan.se | 2 |
| AboutCertificationSection | components/AboutCertificationSection.astro 40 lines | 4 | posexpert.se | 2 |
| AboutCertificationItem | components/AboutCertificationItem.astro 61 lines | 4 | posexpert.se | 2 |
| CertificationSection | components/CertificationSection.astro 27 lines | 2 | posexpert.se | 2 |
| CertificationItem | components/CertificationItem.astro 52 lines | 5 | posexpert.se | 2 |
| ProductQualitySection | components/ProductQualitySection.astro 109 lines | 8 | codeexpert.se | 1 |
| AboutUsSection | components/AboutUsSection.astro 50 lines | 3 | history only | 1 |
| MissionSection | components/MissionSection.astro 28 lines | 3 | pages.gitt.one | 2 |
Call to action4
Banners that ask for the next step.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| Cta | sections/Cta.astro 64 lines | 12 | posexpert.se | 1 |
| CTASection | components/CTASection.astro 60 lines | 6 | pages.gitt.one | 2 |
| CallToAction | components/CallToAction.astro 36 lines | 4 | unused | 1 |
| GoToSection | components/GoToSection.astro 31 lines | 4 | skattedosan.se | 2 |
Stats7
Big numbers.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| Stats | sections/Stats.astro 33 lines | 7 | posexpert.se | 1 |
| Stat | sections/Stat.astro 13 lines | 2 | posexpert.se | 1 |
| Statslegacy | components/Stats.astro 159 lines | 11 | skattedosan.se | 2 |
| StatsSection | components/StatsSection.astro 50 lines | 4 | pages.gitt.one | 1 |
| StatsItem | components/StatsItem.astro 18 lines | 3 | pages.gitt.one | 1 |
| StatisticSection | components/StatisticSection.astro 34 lines | 2 | history only | 1 |
| StatisticItem | components/StatisticItem.astro 20 lines | 2 | history only | 1 |
Contact2
Contact form (Turnstile) with the site requisites.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| ContactSection | components/ContactSection.astro 185 lines | 12 | pages.gitt.one, codeexpert.se, posexpert.se | 4 |
| ContactsSection | components/ContactsSection.astro 173 lines | 11 | skattedosan.se | 2 |
Pricing4
Price cards and plans.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| PriceSection | components/PriceSection.astro 60 lines | 7 | history only | 1 |
| PriceItem | components/PriceItem.astro 118 lines | 11 | unused | 1 |
| PlanSection | components/PlanSection.astro 27 lines | 2 | unused | 1 |
| PlanItem | components/PlanItem.astro 89 lines | 9 | unused | 1 |
FAQ3
Questions and answers, reference lists.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| FAQSection | components/FAQSection.astro 41 lines | 3 | posexpert.se | 2 |
| FAQItem | components/FAQItem.astro 38 lines | 3 | posexpert.se | 2 |
| ErrorCodesSection | components/ErrorCodesSection.astro 22 lines | 4 | skattedosan.se | 4 |
Logos & partners6
Rows of logos: clients, distributors, trust marks.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| LogoSection | components/LogoSection.astro 23 lines | 1 | pages.gitt.one | 1 |
| LogoItem | components/LogoItem.astro 23 lines | 2 | pages.gitt.one | 1 |
| TrustSection | components/TrustSection.astro 18 lines | 1 | codeexpert.se | 1 |
| TrustItem | components/TrustItem.astro 18 lines | 2 | codeexpert.se | 1 |
| DistributorsSection | components/DistributorsSection.astro 15 lines | 1 | skattedosan.se | 4 |
| DistributorItem | components/DistributorItem.astro 57 lines | 4 | skattedosan.se | 4 |
Testimonials4
Quotes with a face and a role.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| TestimonialsSection | components/TestimonialsSection.astro 25 lines | 2 | codeexpert.se | 1 |
| TestimonialItem | components/TestimonialItem.astro 34 lines | 4 | codeexpert.se | 1 |
| Blockquote | components/Blockquote.astro 53 lines | 5 | codeexpert.se | 1 |
| CertificationBlockquoteItem | components/CertificationBlockquoteItem.astro 70 lines | 5 | unused | 1 |
Models (product catalog)7
skattedosan.se-specific product catalog and model pages.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| ModelsSection | components/ModelsSection.astro 5 lines | 0 | skattedosan.se | 2 |
| ModelItem | components/ModelItem.astro 75 lines | 7 | skattedosan.se | 2 |
| AboutModelsSection | components/AboutModelsSection.astro 33 lines | 3 | skattedosan.se | 2 |
| AboutModelItem | components/AboutModelItem.astro 38 lines | 4 | skattedosan.se | 2 |
| ModelPageSection | components/ModelPageSection.astro 140 lines | 12 | skattedosan.se | 4 |
| AttachmentsSection | components/AttachmentsSection.astro 17 lines | 1 | skattedosan.se | 4 |
| AttachmentItem | components/AttachmentItem.astro 30 lines | 3 | skattedosan.se | 4 |
Misc7
Everything that is not a section type of its own.
| Component | File | Props | Used by | Samples |
|---|---|---|---|---|
| PortfolioSection | components/PortfolioSection.astro 164 lines | 7 | pages.gitt.one, codeexpert.se, posexpert.se | 8 |
| CodeSection | components/CodeSection.astro 23 lines | 2 | pages.gitt.one | 1 |
| CodeItem | components/CodeItem.astro 28 lines | 5 | pages.gitt.one | 1 |
| ImageCardSection | components/ImageCardSection.astro 29 lines | 2 | unused | 1 |
| ImageCardItem | components/ImageCardItem.astro 32 lines | 5 | unused | 1 |
| BannerImage | components/BannerImage.astro 23 lines | 2 | unused | 1 |
| FormatText | components/FormatText.astro 16 lines | 1 | unused | 1 |
Layout & internals4
Rendered by the layout or composed by sections; content never uses them directly.
Source links point to engine-astro@e857a859. Samples are cut from the sites' own content by scripts/gallery-extract.mjs; nothing is merged or removed yet.