Skip to content

fix: removed hero sections #199

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ekayake04 merged 1 commit into from
Oct 6, 2025
Merged

fix: removed hero sections #199

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 5 additions & 10 deletions src/components/AboutUsHeroBanner.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,15 @@
import Image from "next/image";
import AboutUsHeroBannerBackground from "../../public/images/ABOUT-hero.jpg";



export default function AboutUsHeroBanner() {
return (
<section className="relative w-full h-dvh min-h-max flex flex-col items-center">
<Image
className="absolute inset-0 -z-10 w-full h-full object-cover object-center"
src={AboutUsHeroBannerBackground}
alt="About us hero banner"
/>
<section className="relative w-full h-[400px] min-h-max flex flex-col items-center">
<div className="absolute -z-10 w-full h-full" />
<div className="flex flex-col gap-5 py-10 px-10 w-full max-w-[320px] justify-center min-h-full md:px-28 xl:px-56 md:max-w-[768px] lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]">
<h1 className="font-instrument-sans font-bold text-yellow3 text-4xl md:text-7xl">
<h1 className="font-instrument-sans font-bold text-blue3 text-4xl md:text-7xl">
About Us
</h1>
<p className="font-instrument-sans text-white text-justify text-sm md:text-xl lg:max-w-[500px]">
<p className="font-instrument-sans text-blue3 text-justify text-sm md:text-xl lg:max-w-[500px]">
SYSDEV develops tech solutions for SAMAHAN and the AdDU community&#44; driven by student
collaboration and innovation&#46;
</p>
Expand Down
14 changes: 3 additions & 11 deletions src/components/ui/ServiceHeroBanner.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,21 +6,13 @@ const ServiceHeroBanner = () => {
<section>
<div className="relative w-full h-min overflow-hidden">
{/* Placeholder for blue gradient bg */}
<Image
src={withBasePath("/images/SERVICES-hero.jpg")}
alt="Service Hero Banner Background"
fill
className="object-cover"
priority
quality={95}
/>


<div className="relative flex flex-col justify-between text-center">
<div className="flex-1 flex flex-col items-center justify-center px-4 pt-8 md:pt-12 lg:pt-16 xl:pt-20">
<h1 className="font-instrument-sans font-bold text-2xl md:text-4xl lg:text-6xl xl:text-7xl text-white leading-tight">
<h1 className="font-instrument-sans font-bold text-2xl md:text-4xl lg:text-6xl xl:text-7xl text-blue3 leading-tight">
Services
</h1>
<p className="text-white mt-1 md:mt-3 lg:mt-4 text-sm md:text-xl lg:text-2xl max-w-[220px] md:max-w-md lg:max-w-lg xl:max-w-3xl leading-relaxed">
<p className="text-blue3 mt-1 md:mt-3 lg:mt-4 text-sm md:text-xl lg:text-2xl max-w-[220px] md:max-w-md lg:max-w-lg xl:max-w-3xl leading-relaxed">
See how <span className="font-instrument-sans text-yellow4 underline">SYSDEV</span> empowers the community through technology.
</p>
</div>
Expand Down