52 lines
2.7 KiB
TypeScript
52 lines
2.7 KiB
TypeScript
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
|
// file as the canonical source for the "hero" section.
|
|
|
|
import React from 'react';
|
|
import HeroWorkScrollStack from "@/components/sections/hero/HeroWorkScrollStack";
|
|
import RatingStars from "@/components/ui/RatingStars";
|
|
|
|
export default function HeroSection(): React.JSX.Element {
|
|
return (
|
|
<div id="hero" data-section="hero">
|
|
<HeroWorkScrollStack
|
|
heroAnimationDelay={4}
|
|
tag={<div className="flex items-center gap-2"><RatingStars rating={5} className="text-primary-cta" /><span className="text-sm font-medium text-foreground">5.0 Rating</span></div> as any}
|
|
title="Design that"
|
|
titleHighlight="commands attention."
|
|
description="Design engineered for performance, not just aesthetics."
|
|
descriptionMuted="I craft every visual touchpoint your brand needs to capture attention and convert it into revenue."
|
|
primaryButton={{
|
|
text: "Book a call with me",
|
|
href: "#contact",
|
|
avatarSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp",
|
|
avatarLabel: "You",
|
|
}}
|
|
sectionTag="Selected Work"
|
|
sectionTitle="Projects That Speak for Themselves"
|
|
sectionDescription="A curated selection of design work that drove real business results for ambitious brands."
|
|
items={[
|
|
{
|
|
title: "HydroFlow Product Launch",
|
|
description: "Beverage brand shoot. Every frame engineered to sell.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-1.webp?_wi=2",
|
|
tag: "Product Shot",
|
|
},
|
|
{
|
|
title: "Webild Athlete Campaign",
|
|
description: "Sports tech shoot. Wearables captured in raw motion.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-2.webp?_wi=2",
|
|
tag: "Photography",
|
|
},
|
|
{
|
|
title: "Maru Residence",
|
|
description: "Architectural interior shoot. Minimal compositions.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/creative-portfolio/screen-3.webp?_wi=2",
|
|
tag: "Interior Design",
|
|
},
|
|
]}
|
|
secondaryButton={{ text: "View all my projects", href: "#" }}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|