article ai

Author: rayraycodes

src/components/pages/About.tsx

@@ -5,7 +5,7 @@ import contentData from '../../data/content';
 
 export function About() {
   return (
-    <div className="min-h-screen pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen pt-48 sm:pt-24 lg:pt-32">
       <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-12 pt-6 sm:pt-8 lg:pt-12 pb-16 sm:pb-24 lg:pb-32">
         {/* Main Content */}
         <motion.div

src/components/pages/Accessibility.tsx

@@ -26,7 +26,7 @@ export function Accessibility() {
   });
 
   return (
-    <div className="min-h-screen pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen pt-48 sm:pt-24 lg:pt-32">
       {/* Hero Section */}
       <section className="py-16 lg:py-24 bg-gradient-to-b from-blue-50/30 via-white to-white">
         <div className="max-w-7xl mx-auto px-6 lg:px-12">

src/components/pages/Contact.tsx

@@ -37,7 +37,7 @@ export function Contact() {
   }));
 
   return (
-    <div className="min-h-screen pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen pt-48 sm:pt-24 lg:pt-32">
       {/* Hero Section */}
       <section className="py-16 lg:py-24 bg-gradient-to-b from-background to-blue-50/20">
         <div className="max-w-7xl mx-auto px-6 lg:px-12">

src/components/pages/Experience.tsx

@@ -33,7 +33,7 @@ export function Experience() {
   };
 
   return (
-    <div className="min-h-screen pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen pt-48 sm:pt-24 lg:pt-32">
       {/* Hero Section */}
       <section className="py-16 lg:py-24 bg-gradient-to-b from-background to-blue-50/20">
         <div className="max-w-7xl mx-auto px-6 lg:px-12">

src/components/pages/Impact.tsx

@@ -90,7 +90,7 @@ export function Impact() {
   };
 
   return (
-    <div className="min-h-screen pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen pt-48 sm:pt-24 lg:pt-32">
       {/* Header */}
       <section className="py-16 lg:py-24 bg-gradient-to-b from-background to-blue-50/20">
         <div className="max-w-7xl mx-auto px-6 lg:px-12">

src/components/pages/Photography.tsx

@@ -474,7 +474,7 @@ export function Photography() {
   };
 
   return (
-    <div className="min-h-screen bg-gray-50 pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen bg-gray-50 pt-48 sm:pt-24 lg:pt-32">
       <main className="max-w-7xl mx-auto px-6 lg:px-12 pt-12 lg:pt-16 pb-32 lg:pb-40">
         {/* Welcome Message */}
         <div className="mb-8 text-center">

src/components/pages/ProjectDetail.tsx

@@ -78,7 +78,7 @@ export function ProjectDetail() {
   }
 
   return (
-    <div className="min-h-screen pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen pt-48 sm:pt-24 lg:pt-32">
       {/* Project Detail Modal */}
       <div className="max-w-6xl mx-auto px-4 lg:px-12">
         {/* Back Button and Share */}

src/components/pages/Projects.tsx

@@ -89,7 +89,7 @@ export function Projects() {
   };
 
   return (
-    <div className="min-h-screen pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen pt-48 sm:pt-24 lg:pt-32">
       {/* Hero Section */}
       <section className="pt-16 lg:pt-24 pb-20 lg:pb-24 bg-gradient-to-b from-background to-blue-50/20">
         <div className="max-w-7xl mx-auto px-6 lg:px-12">

src/components/pages/StoriesOfAdventure.tsx

@@ -211,7 +211,7 @@ export function StoriesOfAdventure() {
   };
 
   return (
-    <div className="min-h-screen pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen pt-48 sm:pt-24 lg:pt-32">
       {/* Header */}
       <section className="pt-16 lg:pt-24 pb-20 lg:pb-24 bg-gradient-to-b from-background to-blue-50/20">
         <div className="max-w-7xl mx-auto px-6 lg:px-12">

src/components/pages/StoryDetail.tsx

@@ -126,7 +126,7 @@ export function StoryDetail() {
   }
 
   return (
-    <div className="min-h-screen pt-36 sm:pt-24 lg:pt-32">
+    <div className="min-h-screen pt-48 sm:pt-24 lg:pt-32">
       <div className="max-w-4xl mx-auto px-6 lg:px-12">
         {/* Back Button and Share */}
         <div className="flex items-center justify-between mb-8">