0.10.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.

With points

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda autem distinctio dolor dolore fuga illum ipsa iste, minima, necessitatibus numquam perspiciatis provident quas quis, quos voluptas voluptate voluptatum? Dignissimos!

---
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.startstring--
classes.endstring--
classes.headline.{...}string-CSS classes for the Headline component
classes.items.{...}Object-CSS classes for the Stats 0 component
classes.points.{...}Object-CSS classes for the Stats 0 component