diff --git a/src/App/App.tsx b/src/App/App.tsx index 63c7409..e8d09fe 100644 --- a/src/App/App.tsx +++ b/src/App/App.tsx @@ -25,6 +25,7 @@ import Blog from '@/pages/Blog'; import BlogDetail from '@/pages/BlogDetail'; import Budget from '@/pages/Budget'; import ContactUs from '@/pages/ContactUs'; +import Event from '@/pages/Event'; import Gallery from '@/pages/Gallery'; import Home from '@/pages/Home'; import Login from '@/pages/Login'; @@ -96,6 +97,11 @@ const router = createBrowserRouter([ path: '/contact', element: , }, + { + path: '/event', + element: , + }, + ], }, ]); diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx index 36ccc58..0401ed0 100644 --- a/src/components/Footer/index.tsx +++ b/src/components/Footer/index.tsx @@ -2,7 +2,6 @@ import { Link } from 'react-router-dom'; import { Facebook, Instagram, - Twitter, } from 'lucide-react'; import MaxWidthWrapper from '../MaxWidthWrapper'; @@ -34,7 +33,8 @@ export default function Footer() {

- Combining the love of outdoor adventures with meaningful social impact. + Mountain Children Home, one family Spreading love, + care & hope.

@@ -89,14 +89,6 @@ export default function Footer() {
    -
  • - - Donate - -
  • - - - - Twitter - -

- Email: infodeegotrails@gmail.com + Email: orphanhomedadagaun@gmail.com

@@ -179,7 +156,7 @@ export default function Footer() { {' '} {new Date().getFullYear()} {' '} - Deego Trails. All rights reserved. + Mountain Children Home. All rights reserved.

diff --git a/src/components/HeroSection/index.tsx b/src/components/HeroSection/index.tsx index d752873..58251a4 100644 --- a/src/components/HeroSection/index.tsx +++ b/src/components/HeroSection/index.tsx @@ -3,7 +3,7 @@ import MaxWidthWrapper from '@/components/MaxWidthWrapper'; function HeroSection(props: { title: string; description: string }) { const { title, description } = props; return ( -
+

{title}

diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx index e469ba1..3f20ec2 100644 --- a/src/components/Navbar/index.tsx +++ b/src/components/Navbar/index.tsx @@ -74,9 +74,9 @@ export default function Header() {

- +
@@ -147,13 +147,13 @@ export default function Header() { )) } setIsMenuOpen(false)} > diff --git a/src/constants/index.tsx b/src/constants/index.tsx index 83dd658..77e3470 100644 --- a/src/constants/index.tsx +++ b/src/constants/index.tsx @@ -20,7 +20,8 @@ export const navigation = [ url: '/budget', }, { - title: 'Contact Us', - url: '/contact', + title: 'Event', + url: '/event', }, + ]; diff --git a/src/index.css b/src/index.css index 7550e24..c2abff6 100644 --- a/src/index.css +++ b/src/index.css @@ -3,11 +3,103 @@ @custom-variant dark (&:is(.dark *)); +:root { + --background: oklch(1.0000 0 0); + --foreground: oklch(0.2508 0.0141 196.2871); + --card: oklch(0.9828 0.0032 197.1049); + --card-foreground: oklch(0.2508 0.0141 196.2871); + --popover: oklch(1.0000 0 0); + --popover-foreground: oklch(0.2508 0.0141 196.2871); + --primary: oklch(0.5669 0.0503 195.8256); + --primary-foreground: oklch(1.0000 0 0); + --secondary: oklch(0.9408 0.0075 197.0291); + --secondary-foreground: oklch(0.3506 0.0319 195.7938); + --muted: oklch(0.9664 0.0053 197.0685); + --muted-foreground: oklch(0.5151 0.0459 195.8206); + --accent: oklch(0.9408 0.0075 197.0291); + --accent-foreground: oklch(0.3506 0.0319 195.7938); + --destructive: oklch(0.5771 0.2152 27.3250); + --destructive-foreground: oklch(1.0000 0 0); + --border: oklch(0.8838 0.0108 196.9605); + --input: oklch(0.9408 0.0075 197.0291); + --ring: oklch(0.5669 0.0503 195.8256); + --chart-1: oklch(0.5669 0.0503 195.8256); + --chart-2: oklch(0.5151 0.0459 195.8206); + --chart-3: oklch(0.4619 0.0413 195.8143); + --chart-4: oklch(0.4072 0.0367 195.8057); + --chart-5: oklch(0.3506 0.0319 195.7938); + --sidebar: oklch(0.9828 0.0032 197.1049); + --sidebar-foreground: oklch(0.2508 0.0141 196.2871); + --sidebar-primary: oklch(0.5669 0.0503 195.8256); + --sidebar-primary-foreground: oklch(1.0000 0 0); + --sidebar-accent: oklch(0.5669 0.0503 195.8256); + --sidebar-accent-foreground: oklch(1.0000 0 0); + --sidebar-border: oklch(0.8838 0.0108 196.9605); + --sidebar-ring: oklch(0.5669 0.0503 195.8256); + --font-sans: Poppins, sans-serif; + --font-serif: serif; + --font-mono: Inconsolata, monospace; + --radius: 0.5rem; + --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.05); + --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.05); + --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 2px 4px -1px hsl(0 0% 0% / 0.10); + --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 4px 6px -1px hsl(0 0% 0% / 0.10); + --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 8px 10px -1px hsl(0 0% 0% / 0.10); + --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.25); + --tracking-normal: 0rem; + --spacing: 0.25rem; +} + +.dark { + --background: oklch(0.2028 0.0091 196.4590); + --foreground: oklch(0.9664 0.0053 197.0685); + --card: oklch(0.2508 0.0141 196.2871); + --card-foreground: oklch(0.9664 0.0053 197.0685); + --popover: oklch(0.2508 0.0141 196.2871); + --popover-foreground: oklch(0.9664 0.0053 197.0685); + --primary: oklch(0.5669 0.0503 195.8256); + --primary-foreground: oklch(1.0000 0 0); + --secondary: oklch(0.4429 0.0375 195.8820); + --secondary-foreground: oklch(0.9664 0.0053 197.0685); + --muted: oklch(0.3062 0.0162 196.3373); + --muted-foreground: oklch(0.7448 0.0179 196.7753); + --accent: oklch(0.4429 0.0375 195.8820); + --accent-foreground: oklch(0.9664 0.0053 197.0685); + --destructive: oklch(0.6137 0.2039 25.5645); + --destructive-foreground: oklch(0.9664 0.0053 197.0685); + --border: oklch(0.4429 0.0375 195.8820); + --input: oklch(0.4429 0.0375 195.8820); + --ring: oklch(0.5669 0.0503 195.8256); + --chart-1: oklch(0.5669 0.0503 195.8256); + --chart-2: oklch(0.5151 0.0459 195.8206); + --chart-3: oklch(0.4619 0.0413 195.8143); + --chart-4: oklch(0.4072 0.0367 195.8057); + --chart-5: oklch(0.3506 0.0319 195.7938); + --sidebar: oklch(0.2508 0.0141 196.2871); + --sidebar-foreground: oklch(0.9664 0.0053 197.0685); + --sidebar-primary: oklch(0.5669 0.0503 195.8256); + --sidebar-primary-foreground: oklch(1.0000 0 0); + --sidebar-accent: oklch(0.5669 0.0503 195.8256); + --sidebar-accent-foreground: oklch(0.9664 0.0053 197.0685); + --sidebar-border: oklch(0.4429 0.0375 195.8820); + --sidebar-ring: oklch(0.5669 0.0503 195.8256); + --font-sans: Poppins, sans-serif; + --font-serif: serif; + --font-mono: Inconsolata, monospace; + --radius: 0.5rem; + --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.05); + --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0.05); + --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 2px 4px -1px hsl(0 0% 0% / 0.10); + --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 4px 6px -1px hsl(0 0% 0% / 0.10); + --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.10), 0px 8px 10px -1px hsl(0 0% 0% / 0.10); + --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0.25); +} + @theme inline { - --radius-sm: calc(var(--radius) - 4px); - --radius-md: calc(var(--radius) - 2px); - --radius-lg: var(--radius); - --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); @@ -23,6 +115,7 @@ --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); + --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); @@ -39,75 +132,35 @@ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); -} -:root { - --radius: 0.625rem; - --background: oklch(1 0 0); - --foreground: oklch(0.145 0 0); - --card: oklch(1 0 0); - --card-foreground: oklch(0.145 0 0); - --popover: oklch(1 0 0); - --popover-foreground: oklch(0.145 0 0); - --primary: oklch(0.205 0 0); - --primary-foreground: oklch(0.985 0 0); - --secondary: oklch(0.97 0 0); - --secondary-foreground: oklch(0.205 0 0); - --muted: oklch(0.97 0 0); - --muted-foreground: oklch(0.556 0 0); - --accent: oklch(0.97 0 0); - --accent-foreground: oklch(0.205 0 0); - --destructive: oklch(0.577 0.245 27.325); - --border: oklch(0.922 0 0); - --input: oklch(0.922 0 0); - --ring: oklch(0.708 0 0); - --chart-1: oklch(0.646 0.222 41.116); - --chart-2: oklch(0.6 0.118 184.704); - --chart-3: oklch(0.398 0.07 227.392); - --chart-4: oklch(0.828 0.189 84.429); - --chart-5: oklch(0.769 0.188 70.08); - --sidebar: oklch(0.985 0 0); - --sidebar-foreground: oklch(0.145 0 0); - --sidebar-primary: oklch(0.205 0 0); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.97 0 0); - --sidebar-accent-foreground: oklch(0.205 0 0); - --sidebar-border: oklch(0.922 0 0); - --sidebar-ring: oklch(0.708 0 0); + --font-sans: var(--font-sans); + --font-mono: var(--font-mono); + --font-serif: var(--font-serif); + + --radius-sm: calc(var(--radius) - 4px); + --radius-md: calc(var(--radius) - 2px); + --radius-lg: var(--radius); + --radius-xl: calc(var(--radius) + 4px); + + --shadow-2xs: var(--shadow-2xs); + --shadow-xs: var(--shadow-xs); + --shadow-sm: var(--shadow-sm); + --shadow: var(--shadow); + --shadow-md: var(--shadow-md); + --shadow-lg: var(--shadow-lg); + --shadow-xl: var(--shadow-xl); + --shadow-2xl: var(--shadow-2xl); + + --tracking-tighter: calc(var(--tracking-normal) - 0.05em); + --tracking-tight: calc(var(--tracking-normal) - 0.025em); + --tracking-normal: var(--tracking-normal); + --tracking-wide: calc(var(--tracking-normal) + 0.025em); + --tracking-wider: calc(var(--tracking-normal) + 0.05em); + --tracking-widest: calc(var(--tracking-normal) + 0.1em); } -.dark { - --background: oklch(0.145 0 0); - --foreground: oklch(0.985 0 0); - --card: oklch(0.205 0 0); - --card-foreground: oklch(0.985 0 0); - --popover: oklch(0.205 0 0); - --popover-foreground: oklch(0.985 0 0); - --primary: oklch(0.922 0 0); - --primary-foreground: oklch(0.205 0 0); - --secondary: oklch(0.269 0 0); - --secondary-foreground: oklch(0.985 0 0); - --muted: oklch(0.269 0 0); - --muted-foreground: oklch(0.708 0 0); - --accent: oklch(0.269 0 0); - --accent-foreground: oklch(0.985 0 0); - --destructive: oklch(0.704 0.191 22.216); - --border: oklch(1 0 0 / 10%); - --input: oklch(1 0 0 / 15%); - --ring: oklch(0.556 0 0); - --chart-1: oklch(0.488 0.243 264.376); - --chart-2: oklch(0.696 0.17 162.48); - --chart-3: oklch(0.769 0.188 70.08); - --chart-4: oklch(0.627 0.265 303.9); - --chart-5: oklch(0.645 0.246 16.439); - --sidebar: oklch(0.205 0 0); - --sidebar-foreground: oklch(0.985 0 0); - --sidebar-primary: oklch(0.488 0.243 264.376); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.269 0 0); - --sidebar-accent-foreground: oklch(0.985 0 0); - --sidebar-border: oklch(1 0 0 / 10%); - --sidebar-ring: oklch(0.556 0 0); +body { + letter-spacing: var(--tracking-normal); } @layer base { diff --git a/src/pages/AboutUs/OurTeam.tsx b/src/pages/AboutUs/OurTeam.tsx index 8c320c6..17875f1 100644 --- a/src/pages/AboutUs/OurTeam.tsx +++ b/src/pages/AboutUs/OurTeam.tsx @@ -42,7 +42,7 @@ function OurTeam() { className="w-32 h-32 rounded-full mx-auto mb-4 object-cover" />

{member.name}

-

{member.role}

+

{member.role}

{member.description}

))} diff --git a/src/pages/AboutUs/OurValues.tsx b/src/pages/AboutUs/OurValues.tsx index 14ea46b..dfd3015 100644 --- a/src/pages/AboutUs/OurValues.tsx +++ b/src/pages/AboutUs/OurValues.tsx @@ -44,7 +44,7 @@ function OurValues() {
{values.map((value) => (
-
{value.icon}
+
{value.icon}

{value.title}

{value.description}

diff --git a/src/pages/AboutUs/index.tsx b/src/pages/AboutUs/index.tsx index 8044f94..49ce8ce 100644 --- a/src/pages/AboutUs/index.tsx +++ b/src/pages/AboutUs/index.tsx @@ -7,7 +7,7 @@ import HeroSection from '@/components/HeroSection'; function About() { const title = 'About Mountain Children Home'; - const description = ' For over 15 years, we've been a beacon of hope, providing love, care, and opportunities to children who need it most.'; + const description = 'For over 15 years, we\'ve been a beacon of hope, providing love, care, and opportunities to children who need it most.'; return ( <> diff --git a/src/pages/Blog/BlogContent.tsx b/src/pages/Blog/BlogContent.tsx index 3367c5b..5aab8f0 100644 --- a/src/pages/Blog/BlogContent.tsx +++ b/src/pages/Blog/BlogContent.tsx @@ -19,81 +19,60 @@ interface Blog { } interface BlogContentProps { - categories: string[]; selectedCategory: string; - setSelectedCategory: (category: string) => void; blogs: Blog[]; } function BlogContent(props: BlogContentProps) { const { - categories, selectedCategory, setSelectedCategory, blogs, + selectedCategory, blogs, } = props; return (
- {/* Category Filter */} -
- {categories.map((category) => ( - - ))} -
- {/* Featured Post */} - {selectedCategory === 'All' && ( -
-
-
-
- {blogs[0].title} + +
+
+
+
+ {blogs[0].title} +
+
+
+ + {blogs[0].category} + + + {blogs[0].date}
-
-
- - {blogs[0].category} - - - {blogs[0].date} -
-

- {blogs[0].title} -

-

- {blogs[0].excerpt} -

-
-
- - {blogs[0].author} -
- - Read More - +

+ {blogs[0].title} +

+

+ {blogs[0].excerpt} +

+
+
+ + {blogs[0].author}
+ + Read More +
- )} +
{/* Blog Grid */}
@@ -106,7 +85,7 @@ function BlogContent(props: BlogContentProps) { />
- + {blog.category} @@ -127,7 +106,7 @@ function BlogContent(props: BlogContentProps) { {blog.readTime} Read More → diff --git a/src/pages/Blog/index.tsx b/src/pages/Blog/index.tsx index 56ef656..fb7d9fd 100644 --- a/src/pages/Blog/index.tsx +++ b/src/pages/Blog/index.tsx @@ -77,8 +77,7 @@ function Blog() { }, ]; - const categories = ['All', 'Daily Life', 'Success Stories', 'Updates', 'Milestones', 'Health', 'Community']; - const [selectedCategory, setSelectedCategory] = useState('All'); + const [selectedCategory] = useState('All'); const filteredBlogs = selectedCategory === 'All' ? blogs @@ -88,9 +87,7 @@ function Blog() { <> diff --git a/src/pages/Event/EventContent.tsx b/src/pages/Event/EventContent.tsx new file mode 100644 index 0000000..5aab8f0 --- /dev/null +++ b/src/pages/Event/EventContent.tsx @@ -0,0 +1,124 @@ +import { Link } from 'react-router-dom'; +import { + Calendar, + Users, +} from 'lucide-react'; + +import MaxWidthWrapper from '@/components/MaxWidthWrapper'; + +interface Blog { + id: number; + title: string; + excerpt: string; + content: string; + date: string; + author: string; + category: string; + image: string; + readTime: string; +} + +interface BlogContentProps { + selectedCategory: string; + blogs: Blog[]; +} + +function BlogContent(props: BlogContentProps) { + const { + selectedCategory, blogs, + } = props; + + return ( +
+ + {/* Featured Post */} + +
+
+
+
+ {blogs[0].title} +
+
+
+ + {blogs[0].category} + + + {blogs[0].date} +
+

+ {blogs[0].title} +

+

+ {blogs[0].excerpt} +

+
+
+ + {blogs[0].author} +
+ + Read More + +
+
+
+
+
+ + {/* Blog Grid */} +
+ {blogs.slice(selectedCategory === 'All' ? 1 : 0).map((blog) => ( +
+ {blog.title} +
+
+ + {blog.category} + + + {blog.date} +
+

+ {blog.title} +

+

+ {blog.excerpt} +

+
+
+ + {blog.author} +
+
+ {blog.readTime} + + Read More → + +
+
+
+
+ ))} +
+
+
+ ); +} + +export default BlogContent; diff --git a/src/pages/Event/index.tsx b/src/pages/Event/index.tsx new file mode 100644 index 0000000..466977f --- /dev/null +++ b/src/pages/Event/index.tsx @@ -0,0 +1,97 @@ +import { useState } from 'react'; + +import EventContent from './EventContent'; + +import HeroSection from '@/components/HeroSection'; + +function Event() { + const title = 'Our Events'; + const description = 'Stay updated with the latest events and updates from Mountain Children Home. Read about our ongoing projects, and community impact.'; + + const blogs = [ + { + id: 1, + title: 'A Day in the Life at Mountain Children Home', + excerpt: 'Follow along as we share what a typical day looks like for our children, from morning prayers to evening activities. See how structure, love, and learning come together to create a nurturing environment.', + content: 'Every day at Mountain Children Home begins at 6:00 AM with the gentle sound of morning prayers...', + date: 'March 15, 2024', + author: 'Sarah Johnson', + category: 'Daily Life', + image: 'https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80', + readTime: '5 min read', + }, + { + id: 2, + title: "Success Story: Maria's Journey to University", + excerpt: 'Read about Maria, who grew up at our home and is now pursuing her dreams at university thanks to your support. Her story is a testament to what love and education can achieve.', + content: 'Maria arrived at Mountain Children Home when she was just 8 years old...', + date: 'March 10, 2024', + author: 'Michael Chen', + category: 'Success Stories', + image: 'https://images.unsplash.com/photo-1649972904349-6e44c42644a7?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80', + readTime: '7 min read', + }, + { + id: 3, + title: 'Building Our New Learning Center', + excerpt: "We're excited to share updates on our new learning center construction, which will provide better educational facilities for our children and expand our capacity to serve more kids in need.", + content: 'Construction on our new learning center is progressing wonderfully...', + date: 'March 5, 2024', + author: 'Sarah Johnson', + category: 'Updates', + image: 'https://images.unsplash.com/photo-1518770660439-4636190af475?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80', + readTime: '4 min read', + }, + { + id: 4, + title: 'Celebrating Our 15th Anniversary', + excerpt: 'This month marks 15 years since Mountain Children Home first opened its doors. Join us as we reflect on our journey and celebrate the hundreds of lives that have been transformed.', + content: 'Fifteen years ago, our founders had a simple but powerful vision...', + date: 'February 28, 2024', + author: 'Dr. Maria Rodriguez', + category: 'Milestones', + image: 'https://images.unsplash.com/photo-1527576539890-dfa815648363?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80', + readTime: '6 min read', + }, + { + id: 5, + title: 'Health and Wellness Initiative Launch', + excerpt: "We're launching a comprehensive health and wellness program to ensure every child receives the physical and mental health support they need to thrive.", + content: "Good health is fundamental to a child's ability to learn and grow...", + date: 'February 20, 2024', + author: 'Dr. Maria Rodriguez', + category: 'Health', + image: 'https://images.unsplash.com/photo-1535268647677-300dbf3d78d1?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80', + readTime: '5 min read', + }, + { + id: 6, + title: 'Community Partnership Spotlight', + excerpt: 'Learn about our amazing partnership with local businesses and organizations that help make our mission possible. Community support is the backbone of our work.', + content: 'Our work would not be possible without the incredible support of our community partners...', + date: 'February 15, 2024', + author: 'Michael Chen', + category: 'Community', + image: 'https://images.unsplash.com/photo-1439886183900-e79ec0057170?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80', + readTime: '4 min read', + }, + ]; + + const [selectedCategory] = useState('All'); + + const filteredBlogs = selectedCategory === 'All' + ? blogs + : blogs.filter((blog) => blog.category === selectedCategory); + + return ( + <> + + + + ); +} + +export default Event; diff --git a/src/pages/Gallery/GallerySection.tsx b/src/pages/Gallery/GallerySection.tsx index 673370e..bc2bcc7 100644 --- a/src/pages/Gallery/GallerySection.tsx +++ b/src/pages/Gallery/GallerySection.tsx @@ -96,7 +96,7 @@ function GallerySection(props: GalleryProps) { diff --git a/src/pages/Home/BlogPreview.tsx b/src/pages/Home/BlogPreview.tsx index 273d153..41887ed 100644 --- a/src/pages/Home/BlogPreview.tsx +++ b/src/pages/Home/BlogPreview.tsx @@ -56,7 +56,7 @@ function BlogPreview() {

{blog.excerpt}

Read More → @@ -68,7 +68,7 @@ function BlogPreview() {
View All Stories diff --git a/src/pages/Home/ContributorsSection.tsx b/src/pages/Home/ContributorsSection.tsx index 399e3b7..6e7b76e 100644 --- a/src/pages/Home/ContributorsSection.tsx +++ b/src/pages/Home/ContributorsSection.tsx @@ -79,7 +79,7 @@ function ContributorsSection() { />

{contributor.name}

-

{contributor.type}

+

{contributor.type}

{contributor.description}

diff --git a/src/pages/Home/GalleryPreview.tsx b/src/pages/Home/GalleryPreview.tsx index 2e3844c..d2dbf40 100644 --- a/src/pages/Home/GalleryPreview.tsx +++ b/src/pages/Home/GalleryPreview.tsx @@ -41,7 +41,6 @@ function GalleryPreview() { alt={image.alt} className="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-300" /> -
))}
@@ -49,7 +48,7 @@ function GalleryPreview() {
View Full Gallery diff --git a/src/pages/Home/Hero.tsx b/src/pages/Home/Hero.tsx index 0235123..51dfb0d 100644 --- a/src/pages/Home/Hero.tsx +++ b/src/pages/Home/Hero.tsx @@ -1,3 +1,5 @@ +import { Link } from 'react-router-dom'; + import MaxWidthWrapper from '@/components/MaxWidthWrapper'; function HeroSection() { @@ -10,7 +12,7 @@ function HeroSection() { backgroundImage: "url('https://images.unsplash.com/photo-1517022812141-23620dba5c23?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80')", }} > -
+
@@ -24,12 +26,13 @@ function HeroSection() { we provide hope and care to 38 orphaned and abandoned children.

- +
diff --git a/src/pages/Home/HowToHelpSection.tsx b/src/pages/Home/HowToHelpSection.tsx index 295c2c5..5d29f0f 100644 --- a/src/pages/Home/HowToHelpSection.tsx +++ b/src/pages/Home/HowToHelpSection.tsx @@ -1,3 +1,4 @@ +import { Link } from 'react-router-dom'; import { Building, Heart, @@ -59,7 +60,7 @@ function HowToHelpSection() { {urgentNeeds.map((need) => (
-
{need.icon}
+
{need.icon}

{need.title}

{sponsorBenefits.map((benefit) => (
-
+

{benefit}

))}
-
+

Join Our Mission

Help us build a sustainable, @@ -96,18 +97,20 @@ function HowToHelpSection() { for climate-resilient childcare in Nepal.

- - +
diff --git a/src/pages/Home/WhatWeDoSection.tsx b/src/pages/Home/WhatWeDoSection.tsx index 01cd9c9..90b1b5c 100644 --- a/src/pages/Home/WhatWeDoSection.tsx +++ b/src/pages/Home/WhatWeDoSection.tsx @@ -82,7 +82,7 @@ function WhatWeDoSection() {
{services.map((service) => (
-
{service.icon}
+
{service.icon}

{service.title}

{service.description}

@@ -93,7 +93,7 @@ function WhatWeDoSection() {

Children We Serve

{targetGroups.map((group) => ( -
+

{group.category}

{group.description}

diff --git a/src/pages/Home/WhoWeAreSection.tsx b/src/pages/Home/WhoWeAreSection.tsx index 9788a1e..279fb7a 100644 --- a/src/pages/Home/WhoWeAreSection.tsx +++ b/src/pages/Home/WhoWeAreSection.tsx @@ -26,11 +26,11 @@ function WhoWeAreSection() {

-
38
+
38
Children Served
-
22+
+
22+
Years of Service
diff --git a/tsconfig.tsbuildinfo b/tsconfig.tsbuildinfo index 59af670..2b65cdb 100644 --- a/tsconfig.tsbuildinfo +++ b/tsconfig.tsbuildinfo @@ -1 +1 @@ -{"root":["./src/main.tsx","./src/vite-env.d.ts","./src/app/app.tsx","./src/app/protectroutes.tsx","./src/app/publicroutes.tsx","./src/components/footer/index.tsx","./src/components/herosection/index.tsx","./src/components/layout/index.tsx","./src/components/maxwidthwrapper/index.tsx","./src/components/navbar/index.tsx","./src/components/scrolltotop/index.tsx","./src/components/toploader/toploader.tsx","./src/components/ui/button.tsx","./src/components/ui/card.tsx","./src/components/ui/carousel.tsx","./src/components/ui/input.tsx","./src/components/ui/label.tsx","./src/components/ui/sonner.tsx","./src/components/ui/table.tsx","./src/constants/index.tsx","./src/contexts/auth.tsx","./src/lib/base.ts","./src/lib/utils.ts","./src/pages/aboutus/missionandvision.tsx","./src/pages/aboutus/ourstory.tsx","./src/pages/aboutus/ourteam.tsx","./src/pages/aboutus/ourvalues.tsx","./src/pages/aboutus/index.tsx","./src/pages/blog/blogcontent.tsx","./src/pages/blog/index.tsx","./src/pages/blogdetail/index.tsx","./src/pages/budget/annualoperatingsection.tsx","./src/pages/budget/budgetoverview.tsx","./src/pages/budget/childwelfaresection.tsx","./src/pages/budget/contactsection.tsx","./src/pages/budget/sdgsection.tsx","./src/pages/budget/sustainablesection.tsx","./src/pages/budget/index.tsx","./src/pages/contactus/contactsection.tsx","./src/pages/contactus/mapsection.tsx","./src/pages/contactus/index.tsx","./src/pages/dashboard/index.tsx","./src/pages/gallery/gallerysection.tsx","./src/pages/gallery/index.tsx","./src/pages/home/blogpreview.tsx","./src/pages/home/contributorssection.tsx","./src/pages/home/gallerypreview.tsx","./src/pages/home/hero.tsx","./src/pages/home/howtohelpsection.tsx","./src/pages/home/whatwedosection.tsx","./src/pages/home/whowearesection.tsx","./src/pages/home/index.tsx","./src/pages/login/index.tsx"],"version":"5.7.3"} \ No newline at end of file +{"root":["./src/main.tsx","./src/vite-env.d.ts","./src/app/app.tsx","./src/app/protectroutes.tsx","./src/app/publicroutes.tsx","./src/components/footer/index.tsx","./src/components/herosection/index.tsx","./src/components/layout/index.tsx","./src/components/maxwidthwrapper/index.tsx","./src/components/navbar/index.tsx","./src/components/scrolltotop/index.tsx","./src/components/toploader/toploader.tsx","./src/components/ui/button.tsx","./src/components/ui/card.tsx","./src/components/ui/carousel.tsx","./src/components/ui/input.tsx","./src/components/ui/label.tsx","./src/components/ui/sonner.tsx","./src/components/ui/table.tsx","./src/constants/index.tsx","./src/contexts/auth.tsx","./src/lib/base.ts","./src/lib/utils.ts","./src/pages/aboutus/missionandvision.tsx","./src/pages/aboutus/ourstory.tsx","./src/pages/aboutus/ourteam.tsx","./src/pages/aboutus/ourvalues.tsx","./src/pages/aboutus/index.tsx","./src/pages/blog/blogcontent.tsx","./src/pages/blog/index.tsx","./src/pages/blogdetail/index.tsx","./src/pages/budget/annualoperatingsection.tsx","./src/pages/budget/budgetoverview.tsx","./src/pages/budget/childwelfaresection.tsx","./src/pages/budget/contactsection.tsx","./src/pages/budget/sdgsection.tsx","./src/pages/budget/sustainablesection.tsx","./src/pages/budget/index.tsx","./src/pages/contactus/contactsection.tsx","./src/pages/contactus/mapsection.tsx","./src/pages/contactus/index.tsx","./src/pages/dashboard/index.tsx","./src/pages/event/eventcontent.tsx","./src/pages/event/index.tsx","./src/pages/gallery/gallerysection.tsx","./src/pages/gallery/index.tsx","./src/pages/home/blogpreview.tsx","./src/pages/home/contributorssection.tsx","./src/pages/home/gallerypreview.tsx","./src/pages/home/hero.tsx","./src/pages/home/howtohelpsection.tsx","./src/pages/home/whatwedosection.tsx","./src/pages/home/whowearesection.tsx","./src/pages/home/index.tsx","./src/pages/login/index.tsx"],"version":"5.7.3"} \ No newline at end of file