24 lines
1.1 KiB
TypeScript
24 lines
1.1 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 HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HeroSection(): React.JSX.Element {
|
|
return (
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroBillboard
|
|
tag="Web Technology in Africa"
|
|
title="Empowering African Businesses with Captivating Websites"
|
|
description="GbasaaAfrica specializes in building unique, high-performing websites for small and medium enterprises across Africa. Attract potential clients and increase your sales today."
|
|
primaryButton={{"href":"#contact","text":"Get Started"}}
|
|
secondaryButton={{"text":"Our Services","href":"#services"}}
|
|
imageSrc="https://images.unsplash.com/photo-1531482615713-2afd69097998?q=80&w=2070&auto=format&fit=crop"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
);
|
|
}
|