tknuth/bayarea
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Issues git resolved

Browse Source
This commit is contained in:
Timo Knuth
2026-04-20 19:29:21 +02:00
parent 16498f564d
commit 16764fc335
37 changed files with 2340 additions and 715 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/ServicePage.tsx
View File

@@ -121,7 +121,7 @@ const ServicePage: React.FC<ServicePageProps> = ({ data }) => {
<section
ref={containerRef}
onMouseMove={isInteractive ? handleMouseMove : undefined}
className="relative min-h-[90vh] flex items-center justify-center overflow-hidden pt-20 group"
className="relative flex min-h-[32rem] items-center justify-center overflow-hidden pt-24 pb-14 md:min-h-[36rem] md:pt-28 md:pb-16 lg:min-h-[40rem] lg:pt-32 lg:pb-20 group"
>
{/* Parallax Background */}
<div className="absolute inset-0 z-0 pointer-events-none">
@@ -176,8 +176,8 @@ const ServicePage: React.FC<ServicePageProps> = ({ data }) => {
<div className="hero-stagger flex flex-col sm:flex-row items-center justify-center gap-4">
<motion.a
href="/contact"
className="px-8 py-3 bg-white dark:bg-white text-black dark:text-black rounded-full font-medium shadow-xl"
whileHover={{ scale: 1.05, backgroundColor: "#3b82f6", color: "#ffffff" }}
className="selection-inverse px-8 py-3 bg-white dark:bg-white text-black dark:text-black rounded-full font-medium shadow-xl"
whileHover={{ scale: 1.05, backgroundColor: "#ffffff", color: "#000000" }}
whileTap={{ scale: 0.95 }}
>
Get Started
@@ -195,9 +195,9 @@ const ServicePage: React.FC<ServicePageProps> = ({ data }) => {
</section>
{/* Main Content Section */}
<section className="px-6 py-16 relative">
<section className="relative px-6 pt-8 pb-16 md:pt-10">
<div className="max-w-4xl mx-auto">
<div className="mb-6">
<div className="mb-4">
<Breadcrumb items={[
{ label: 'Home', to: '/' },
{ label: 'Services', to: '/services' },
@@ -209,7 +209,7 @@ const ServicePage: React.FC<ServicePageProps> = ({ data }) => {
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
transition={{ duration: 0.6 }}
className="bg-white/80 dark:bg-white/5 backdrop-blur-xl rounded-3xl p-12 md:p-16 shadow-2xl border border-gray-100 dark:border-white/10"
className="bg-white/80 dark:bg-white/5 backdrop-blur-xl rounded-3xl p-8 md:p-10 lg:p-12 shadow-2xl border border-gray-100 dark:border-white/10"
>
<div className="prose prose-lg md:prose-xl dark:prose-invert max-w-none prose-headings:font-display prose-h2:text-3xl prose-h2:mb-6 prose-h2:mt-12 prose-h3:text-2xl prose-p:leading-relaxed prose-li:leading-relaxed prose-a:text-blue-600 dark:prose-a:text-blue-400 prose-a:no-underline hover:prose-a:underline">
<div dangerouslySetInnerHTML={{ __html: data.content }} />