intro.tsx

src/app/(hero)/testimonials/_blocks/intro.tsx
import { Section } from '@/components/section'
import { Columns, Column } from '@/components/columns'
import { Image } from '@/components/image'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Accent } from '@/components/accent'
export default function Intro() {
return (
<Section className="py-20 md:py-30 bg-body2 relative">
<div className="absolute w-[50%] border-r border-b border-contrast-dark left-0 -top-20 bottom-auto h-[500px] sm:h-[600px] md:h-[700px] lg:bottom-60 lg:h-auto pointer-events-none"></div>
<Columns reverseColumns={false}>
<Column className="aspect-8/9 relative">
<Image
src="/portfolio/fotoaibe/pexels-fotoaibe-1571453.jpg"
alt="Beautiful residential interior design transformation"
className="absolute bottom-0 right-0 z-10 w-[75%] object-cover"
size="large"
/>
<Image

Showing the first 20 lines.

Get full code

Support

Talk to the developers of this project to learn more

We have been building professional websites for big clients for over 15 years. Gallop templates and blocks is our best foundation for SEO websites and web apps.

© 2026 Web Plant Media, LLC