James-admin/SculptedArcWebSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added content cards and picture with text section. also added hero section

Browse Source
This commit is contained in:
jamesratcliffe101
2026-05-27 19:43:53 +01:00
parent ca60b38c85
commit eed242d5bd
6 changed files with 119 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/hero-section.tsx
View File

@@ -8,10 +8,10 @@ export default function HeroSection() {
return(
<>
<div className="hero-main flex flex-wrap">
<div className="grid grid-cols-1 grid-rows-1 p-4 w-1/2">
<img className="not-last-of-type:col-start-1 row-start-1 w-full h-auto object-cover hero-picture" src={heroPictureOne.src}/>
<img className="col-start-1 row-start-1 self-end justify-end hero-picture rotate-20" src={heroPictureTwo.src}/>
<img className="col-start-1 row-start-1 self-end justify-end hero-picture rotate-40" src={heroPictureThree.src}/>
<div className="hero-picture-stack p-4">
<img className="hero-picture" src={heroPictureOne.src} alt="" />
<img className="hero-picture hero-picture--tilt-20" src={heroPictureTwo.src} alt="" />
<img className="hero-picture hero-picture--tilt-40" src={heroPictureThree.src} alt="" />
</div>
<div className="hero-right">
<h1 className="mb-4 text-5xl font-bold text-heading md:text-6xl lg:text-7xl"><span className="text-transparent bg-clip-text bg-gradient-to-r bg-violet-800 from-sky-400">Sculpted Arc</span><br/> Web Solutions</h1>