Skip to content

fix: #154 resolve blog page images not displaying #168

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

Open
Mrgig7 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fix: #154 resolve blog page images not displaying #168

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
9 changes: 9 additions & 0 deletions frontend/public/placeholder.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 13 additions & 5 deletions frontend/src/app/about/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,28 +45,28 @@ export default function AboutPage() {
role: 'Co-Founder & Lead Editor',
education: 'Alumni of world-renowned institution',
experience: '7+ years in academic writing',
image: '/placeholder.svg?height=300&width=300',
image: '/team-image.png',
},
{
name: 'Lathika',
role: 'Co-Founder & Senior Consultant',
education: 'Alumni of world-renowned institution',
experience: '6+ years in admissions consulting',
image: '/placeholder.svg?height=300&width=300',
image: '/team-image.png',
},
{
name: 'Dr. Emily Rodriguez',
role: 'Medical Applications Specialist',
education: 'MD from Johns Hopkins, MPH',
experience: '6+ years in medical admissions',
image: '/placeholder.svg?height=300&width=300',
image: '/team-image.png',
},
{
name: 'David Kim',
role: 'Business Applications Expert',
education: 'MBA from Wharton, CPA',
experience: '7+ years in business consulting',
image: '/placeholder.svg?height=300&width=300',
image: '/team-image.png',
},
]

Expand Down Expand Up @@ -285,6 +285,10 @@ priority
<CardContent className='p-6 text-center'>
<img
src={member.image || '/placeholder.svg'}
onError={(e) => {
const target = e.target as HTMLImageElement;
target.src = '/placeholder.svg';
}}
alt={member.name}
className='w-24 h-24 rounded-full mx-auto mb-4 object-cover'
/>
Expand Down Expand Up @@ -396,9 +400,13 @@ priority
</blockquote>
<div className='flex items-center justify-center space-x-4'>
<img
src='/placeholder.svg?height=60&width=60'
src='/team-image.png'
alt='Akshai & Lathika'
className='w-12 h-12 rounded-full'
onError={(e) => {
const target = e.target as HTMLImageElement;
target.src = '/placeholder.svg';
}}
/>
<div className='text-left'>
<div className='font-semibold'>
Expand Down
36 changes: 26 additions & 10 deletions frontend/src/app/blog/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export default function BlogPage() {
author: 'Dr. Sarah Johnson',
date: '2024-01-20',
readTime: '12 min read',
image: '/placeholder.svg?height=400&width=600',
image: '/hero-image.png',
featured: true,
}

Expand All @@ -34,7 +34,7 @@ export default function BlogPage() {
category: 'SOP Tips',
author: 'Sarah Editorial',
date: '2024-01-15',
image: '/placeholder.svg?height=200&width=300',
image: '/team-image.png',
readTime: '5 min read',
trending: true,
},
Expand All @@ -45,7 +45,7 @@ export default function BlogPage() {
category: 'LOR Guide',
author: 'Michael Writer',
date: '2024-01-10',
image: '/placeholder.svg?height=200&width=300',
image: '/hero-image.png',
readTime: '7 min read',
trending: false,
},
Expand All @@ -56,7 +56,7 @@ export default function BlogPage() {
category: 'MBA',
author: 'Emily Expert',
date: '2024-01-05',
image: '/placeholder.svg?height=200&width=300',
image: '/team-image.png',
readTime: '10 min read',
trending: true,
},
Expand All @@ -67,7 +67,7 @@ export default function BlogPage() {
category: 'Strategy',
author: 'David Brand',
date: '2024-01-01',
image: '/placeholder.svg?height=200&width=300',
image: '/hero-image.png',
readTime: '6 min read',
trending: false,
},
Expand All @@ -78,7 +78,7 @@ export default function BlogPage() {
category: 'Insights',
author: 'Lisa Psychology',
date: '2023-12-28',
image: '/placeholder.svg?height=200&width=300',
image: '/team-image.png',
readTime: '8 min read',
trending: false,
},
Expand All @@ -89,7 +89,7 @@ export default function BlogPage() {
category: 'International',
author: 'James Global',
date: '2023-12-25',
image: '/placeholder.svg?height=200&width=300',
image: '/hero-image.png',
readTime: '9 min read',
trending: false,
},
Expand All @@ -100,7 +100,7 @@ export default function BlogPage() {
category: 'Medical',
author: 'Dr. Amanda Foster',
date: '2023-12-20',
image: '/placeholder.svg?height=200&width=300',
image: '/team-image.png',
readTime: '11 min read',
trending: false,
},
Expand All @@ -111,7 +111,7 @@ export default function BlogPage() {
category: 'Engineering',
author: 'Robert Tech',
date: '2023-12-15',
image: '/placeholder.svg?height=200&width=300',
image: '/hero-image.png',
readTime: '7 min read',
trending: false,
},
Expand All @@ -122,7 +122,7 @@ export default function BlogPage() {
category: 'Law',
author: 'Jennifer Legal',
date: '2023-12-10',
image: '/placeholder.svg?height=200&width=300',
image: '/team-image.png',
readTime: '8 min read',
trending: false,
},
Expand Down Expand Up @@ -210,6 +210,10 @@ export default function BlogPage() {
}
alt={featuredPost.title}
className='w-full h-64 md:h-full object-cover'
onError={(e) => {
const target = e.target as HTMLImageElement;
target.src = '/placeholder.svg';
}}
/>
</div>
<div className='md:w-1/2 p-8'>
Expand Down Expand Up @@ -281,6 +285,10 @@ export default function BlogPage() {
}
alt={post.title}
className='w-full h-48 object-cover rounded-t-lg'
onError={(e) => {
const target = e.target as HTMLImageElement;
target.src = '/placeholder.svg';
}}
/>
<Badge className='absolute top-3 left-3 bg-red-500 text-white'>
Trending
Expand Down Expand Up @@ -351,6 +359,10 @@ export default function BlogPage() {
}
alt={post.title}
className='w-full h-48 object-cover rounded-t-lg'
onError={(e) => {
const target = e.target as HTMLImageElement;
target.src = '/placeholder.svg';
}}
/>
<Badge className='absolute top-3 left-3 bg-amber-600 text-white'>
{post.category}
Expand Down Expand Up @@ -513,6 +525,10 @@ export default function BlogPage() {
}
alt={post.title}
className='w-16 h-16 object-cover rounded-lg flex-shrink-0'
onError={(e) => {
const target = e.target as HTMLImageElement;
target.src = '/placeholder.svg';
}}
/>
<div className='flex-1 min-w-0'>
<h4 className='text-sm font-medium text-gray-900 group-hover:text-amber-600 transition-colors duration-200 line-clamp-2'>
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/components/about.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ export function About() {
<div className="absolute inset-0 bg-gradient-to-r from-primary/30 to-purple-400/30 rounded-3xl transform rotate-6 animate-pulse-slow"></div>
<div className="absolute inset-0 bg-gradient-to-r from-purple-400/20 to-pink-400/20 rounded-3xl transform -rotate-3 animate-float"></div>
<img
src="/placeholder.svg?height=500&width=600"
src="/hero-image.png"
alt="Our team at work"
className="relative rounded-3xl shadow-2xl w-full h-auto hover-lift"
/>
Expand Down
16 changes: 10 additions & 6 deletions frontend/src/components/blog.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ export function Blog() {
category: "SOP Tips",
author: "Sarah Editorial",
date: "2024-01-15",
image: "/placeholder.svg?height=200&width=300",
image: "/team-image.png",
readTime: "5 min read",
},
{
Expand All @@ -24,7 +24,7 @@ export function Blog() {
category: "LOR Guide",
author: "Michael Writer",
date: "2024-01-10",
image: "/placeholder.svg?height=200&width=300",
image: "/team-image.png",
readTime: "7 min read",
},
{
Expand All @@ -33,7 +33,7 @@ export function Blog() {
category: "MBA",
author: "Emily Expert",
date: "2024-01-05",
image: "/placeholder.svg?height=200&width=300",
image: "/team-image.png",
readTime: "10 min read",
},
{
Expand All @@ -42,7 +42,7 @@ export function Blog() {
category: "Strategy",
author: "David Brand",
date: "2024-01-01",
image: "/placeholder.svg?height=200&width=300",
image: "/team-image.png",
readTime: "6 min read",
},
{
Expand All @@ -51,7 +51,7 @@ export function Blog() {
category: "Insights",
author: "Lisa Psychology",
date: "2023-12-28",
image: "/placeholder.svg?height=200&width=300",
image: "/team-image.png",
readTime: "8 min read",
},
{
Expand All @@ -60,7 +60,7 @@ export function Blog() {
category: "International",
author: "James Global",
date: "2023-12-25",
image: "/placeholder.svg?height=200&width=300",
image: "/team-image.png",
readTime: "9 min read",
},
]
Expand Down Expand Up @@ -89,6 +89,10 @@ export function Blog() {
src={post.image || "/placeholder.svg"}
alt={post.title}
className="w-full h-48 object-cover group-hover:scale-110 transition-transform duration-300"
onError={(e) => {
const target = e.target as HTMLImageElement;
target.src = '/placeholder.svg';
}}
/>
<div className="absolute top-4 left-4">
<Badge className="bg-primary text-white">{post.category}</Badge>
Expand Down
16 changes: 10 additions & 6 deletions frontend/src/components/testimonials.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,46 +11,46 @@ export function Testimonials() {
content:
"Amour Editorial transformed my SOP into a compelling narrative that truly reflected my journey. I got accepted into my dream MBA program!",
rating: 5,
image: "/placeholder.svg?height=80&width=80",
image: "/team-image.png",
},
{
name: "Michael Chen",
role: "PhD Candidate at MIT",
content:
"The team understood my research background perfectly and crafted an SOP that highlighted my potential. Highly recommended!",
rating: 5,
image: "/placeholder.svg?height=80&width=80",
image: "/team-image.png",
},
{
name: "Emily Rodriguez",
role: "Medical Student at Johns Hopkins",
content:
"Professional, timely, and exceptional quality. They helped me articulate my passion for medicine in a way I never could.",
rating: 5,
image: "/placeholder.svg?height=80&width=80",
image: "/team-image.png",
},
{
name: "David Kim",
role: "Engineering Graduate at Stanford",
content:
"The LOR they wrote for me was outstanding. It perfectly captured my technical skills and leadership potential.",
rating: 5,
image: "/placeholder.svg?height=80&width=80",
image: "/team-image.png",
},
{
name: "Lisa Thompson",
role: "Law Student at Yale",
content:
"Incredible attention to detail and understanding of what admissions committees look for. Worth every penny!",
rating: 5,
image: "/placeholder.svg?height=80&width=80",
image: "/team-image.png",
},
{
name: "James Wilson",
role: "Business Analyst at Goldman Sachs",
content: "They helped me transition from academia to industry with a perfectly crafted professional narrative.",
rating: 5,
image: "/placeholder.svg?height=80&width=80",
image: "/team-image.png",
},
]

Expand Down Expand Up @@ -86,6 +86,10 @@ export function Testimonials() {
<div className="flex items-center space-x-4">
<img
src={testimonial.image || "/placeholder.svg"}
onError={(e) => {
const target = e.target as HTMLImageElement;
target.src = '/placeholder.svg';
}}
alt={testimonial.name}
className="w-12 h-12 rounded-full object-cover"
/>
Expand Down
Loading