0.7.2

WidgetContent

Source code

.

Elevating visual narratives

Embark on a design journey that surpasses pixels, entering a realm of imagination. Explore my portfolio, where passion and creativity converge to shape enthralling visual narratives.

Project 1:


Brand identity for tech innovators

Description:

Developed a comprehensive brand identity for a tech startup, Tech Innovators, specializing in disruptive innovations. The goal was to convey a modern yet approachable image that resonated with both corporate clients and tech enthusiasts.

Role:

Led the entire branding process from concept to execution. Created a dynamic logo that symbolized innovation, selected a vibrant color palette, and I designed corporate stationery, website graphics, and social media assets.

---
import { WidgetContent } from '@yatoday/astro-ui/astro';
---

<WidgetContent
  title="Elevating visual narratives"
  subtitle="Embark on a design journey that surpasses pixels, entering a realm of imagination. Explore my portfolio, where passion and creativity converge to shape enthralling visual narratives."
  isReversed
  items={[
    {
      title: 'Description:',
      description:'Developed a comprehensive brand identity for a tech startup, Tech Innovators, specializing in disruptive innovations. The goal was to convey a modern yet approachable image that resonated with both corporate clients and tech enthusiasts.',
    },
    {
      title: 'Role:',
      description:'Led the entire branding process from concept to execution. Created a dynamic logo that symbolized innovation, selected a vibrant color palette, and I designed corporate stationery, website graphics, and social media assets.',
    },
  ]}
  image={{
    src: '~/assets/images/800x800.svg',
    alt: 'Tech Design Image',
  }}
  callToAction={{
    target: '_blank',
    text: 'Go to the project',
    icon: 'tabler:chevron-right',
    href: '#',
  }}
>
  <Fragment slot="content">
    <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
      Project 1: 
      <br />
      <span class="text-2xl">Brand identity for tech innovators</span>
    </h3>
  </Fragment>
</WidgetContent>

Props

PropTypeDefaultDescription
titlestring-Title in Headline component
subtitlestring-Subtitle in Headline component
taglinestring-Tagline in Headline component
contentstring--
callToActionToAction | string | ToAction[] | string[]-Action button or link. See the ToAction for details.
itemsArray[]Array of Item items
columnsnumber1Number of columns in the grid. From 1 to 4
imagestring | Image-Image for the card
isReversedbooleanfalseDefines left or right position
isAfterContentbooleanfalse-
defaultIconstringtabler:check-
idstring-Specify a unique id for the section
isDarkbooleanfalseAdds the dark CSS class to the WidgetWrapper
bgstring-Set background element
classes.containerstring-CSS classes for the root container
classes.contentstring--
classes.headline.{...}string-CSS classes for the Headline component
classes.items.{...}Object-CSS classes for the Stats 0 component