Use sections for...
Use hero sections for...
Use centered hero sections for...
Eyebrow
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { ButtonKind } from "@hedia/windfall/css/buttons";
import { button } from "@hedia/windfall/html/buttons";
import {
heroSection,
heroSectionCallToActions,
heroSectionEyebrow,
heroSectionHeading,
heroSectionSubHeading,
} from "@hedia/windfall/html/sections";
heroSection(
{ centered: true },
heroSectionEyebrow("Eyebrow"),
heroSectionHeading("Data to enrich your online business"),
heroSectionSubHeading(
"Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.",
),
heroSectionCallToActions(
button({ kind: ButtonKind.Primary }, "Get started"),
button({ kind: ButtonKind.Secondary }, "Learn more →"),
),
),Use centered hero sections with backgrounds for...
Eyebrow
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { BackgroundContext, BackgroundVariation } from "@hedia/windfall/css/backgrounds";
import { ButtonKind } from "@hedia/windfall/css/buttons";
import { background } from "@hedia/windfall/html/backgrounds";
import { button } from "@hedia/windfall/html/buttons";
import {
heroSection,
heroSectionCallToActions,
heroSectionEyebrow,
heroSectionHeading,
heroSectionSubHeading,
} from "@hedia/windfall/html/sections";
background(
{ context: BackgroundContext.Product, variation: BackgroundVariation.One },
heroSection(
{ centered: true },
heroSectionEyebrow("Eyebrow"),
heroSectionHeading("Data to enrich your online business"),
heroSectionSubHeading(
"Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.",
),
heroSectionCallToActions(
button({ kind: ButtonKind.Primary }, "Get started"),
button({ kind: ButtonKind.Secondary }, "Learn more →"),
),
),
),Use header sections for...
Use centered header sections for...
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { headerSection } from "@hedia/windfall/html/sections";
headerSection({
centered: true,
heading: "Support center",
subHeading:
"Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.",
}),Use centered header sections with eyebrows for...
Get the help you need
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { headerSection } from "@hedia/windfall/html/sections";
headerSection({
centered: true,
eyebrow: "Get the help you need",
heading: "Support center",
subHeading:
"Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.",
}),Use simple header sections for...
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { headerSection } from "@hedia/windfall/html/sections";
headerSection({
heading: "Support center",
subHeading:
"Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.",
}),Use simple header sections with backgrounds for...
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { BackgroundContext, BackgroundVariation } from "@hedia/windfall/css/backgrounds";
import { background } from "@hedia/windfall/html/backgrounds";
import { headerSection } from "@hedia/windfall/html/sections";
background(
{ context: BackgroundContext.Medical, variation: BackgroundVariation.Two },
headerSection({
heading: "Support center",
subHeading:
"Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.",
}),
),Use simple header sections with eyebrows for...
Get the help you need
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { headerSection } from "@hedia/windfall/html/sections";
headerSection({
eyebrow: "Get the help you need",
heading: "Support center",
subHeading:
"Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.",
}),Use simple header sections with eyebrows and backgrounds for...
Get the help you need
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { BackgroundContext, BackgroundVariation } from "@hedia/windfall/css/backgrounds";
import { background } from "@hedia/windfall/html/backgrounds";
import { headerSection } from "@hedia/windfall/html/sections";
background(
{ context: BackgroundContext.Medical, variation: BackgroundVariation.One },
headerSection({
eyebrow: "Get the help you need",
heading: "Support center",
subHeading:
"Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.",
}),
),Use simple header sections with eyebrows for...
Get the help you need
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { headerSection } from "@hedia/windfall/html/sections";
headerSection({
eyebrow: "Get the help you need",
heading: "Support center",
alt: true,
subHeading:
"Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.",
}),