|
|
|
@@ -95,7 +95,7 @@ const HeroLogoBillboard = ({
|
|
|
|
{logoText}
|
|
|
|
{logoText}
|
|
|
|
</FillWidthText>
|
|
|
|
</FillWidthText>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="relative w-full md:w-1/2" >
|
|
|
|
<div className="relative w-full md:w-1/2">
|
|
|
|
<TextAnimation
|
|
|
|
<TextAnimation
|
|
|
|
type={theme.defaultTextAnimation}
|
|
|
|
type={theme.defaultTextAnimation}
|
|
|
|
text={description}
|
|
|
|
text={description}
|
|
|
|
@@ -118,20 +118,20 @@ const HeroLogoBillboard = ({
|
|
|
|
<div className={cls("w-full overflow-hidden rounded-theme-capped card", mediaWrapperClassName)}>
|
|
|
|
<div className={cls("w-full overflow-hidden rounded-theme-capped card", mediaWrapperClassName)}>
|
|
|
|
<div className={cls("relative z-1 bg-background border-b border-foreground/10 px-4 py-3 flex items-center gap-4", browserBarClassName)}>
|
|
|
|
<div className={cls("relative z-1 bg-background border-b border-foreground/10 px-4 py-3 flex items-center gap-4", browserBarClassName)}>
|
|
|
|
<div className="flex items-center gap-2">
|
|
|
|
<div className="flex items-center gap-2">
|
|
|
|
<div className="h-3 w-auto aspect-square rounded-theme bg-accent" />
|
|
|
|
<div className="h-3 w-auto aspect-square rounded-theme bg-foreground/10" />
|
|
|
|
<div className="h-3 w-auto aspect-square rounded-theme bg-accent" />
|
|
|
|
<div className="h-3 w-auto aspect-square rounded-theme bg-foreground/10" />
|
|
|
|
<div className="h-3 w-auto aspect-square rounded-theme bg-accent" />
|
|
|
|
<div className="h-3 w-auto aspect-square rounded-theme bg-foreground/10" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="flex items-center gap-2 flex-1">
|
|
|
|
<div className="flex items-center gap-2 flex-1">
|
|
|
|
<div className={cls("w-15 md:w-10 h-8 rounded-theme bg-accent/10", addressBarClassName)} />
|
|
|
|
<div className={cls("w-15 md:w-10 h-8 rounded-theme bg-foreground/10", addressBarClassName)} />
|
|
|
|
<div className="w-15 md:w-10 h-8 rounded-theme bg-accent/10" />
|
|
|
|
<div className="w-15 md:w-10 h-8 rounded-theme bg-foreground/10" />
|
|
|
|
<div className="hidden md:block w-10 h-8 rounded-theme bg-accent/10" />
|
|
|
|
<div className="hidden md:block w-10 h-8 rounded-theme bg-foreground/10" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<Plus className="h-[var(--text-sm)] w-auto text-foreground" />
|
|
|
|
<Plus className="h-[var(--text-sm)] w-auto text-foreground" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className="relative z-1 p-0">
|
|
|
|
<div className="relative z-1 p-0">
|
|
|
|
<MediaContent
|
|
|
|
<MediaContent
|
|
|
|
imageSrc={imageSrc}
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
|
|
|
|
videoSrc={videoSrc}
|
|
|
|
videoSrc={videoSrc}
|
|
|
|
imageAlt={imageAlt}
|
|
|
|
imageAlt={imageAlt}
|
|
|
|
videoAriaLabel={videoAriaLabel}
|
|
|
|
videoAriaLabel={videoAriaLabel}
|
|
|
|
@@ -142,7 +142,7 @@ const HeroLogoBillboard = ({
|
|
|
|
) : (
|
|
|
|
) : (
|
|
|
|
<div className={cls("w-full overflow-hidden rounded-theme-capped card p-4", mediaWrapperClassName)}>
|
|
|
|
<div className={cls("w-full overflow-hidden rounded-theme-capped card p-4", mediaWrapperClassName)}>
|
|
|
|
<MediaContent
|
|
|
|
<MediaContent
|
|
|
|
imageSrc={imageSrc}
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
|
|
|
|
videoSrc={videoSrc}
|
|
|
|
videoSrc={videoSrc}
|
|
|
|
imageAlt={imageAlt}
|
|
|
|
imageAlt={imageAlt}
|
|
|
|
videoAriaLabel={videoAriaLabel}
|
|
|
|
videoAriaLabel={videoAriaLabel}
|
|
|
|
|