BivekiGroup/yourhouse
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Обновлены стили и тексты в секциях о компании, контактах, отзывах и примерах работ. Изменены фоны, шрифты и цвета для улучшения визуального восприятия. Добавлены новые услуги в секцию команды и обновлены модальные окна для улучшения пользовательского опыта.

Browse Source
This commit is contained in:
albivkt
2025-06-27 13:40:21 +03:00
parent 6ede021ba8
commit 82f6fce8ec
11 changed files with 387 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/ReviewsSection.tsx
View File

@ -30,9 +30,9 @@ const reviews = [
const ReviewsSection = () => {
return (
<section id="reviews" className="relative py-20 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 overflow-hidden">
<section id="reviews" className="relative py-20 bg-gradient-to-br from-gray-5 via-white to-gray-100 overflow-hidden">
{/* Статичный фон */}
<div className="absolute inset-0 opacity-10">
<div className="absolute inset-0 opacity-30">
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-blue-500 rounded-full blur-3xl"></div>
<div className="absolute bottom-1/4 right-1/4 w-80 h-80 bg-purple-500 rounded-full blur-3xl"></div>
<div className="absolute top-1/2 left-1/2 w-64 h-64 bg-cyan-500 rounded-full blur-3xl opacity-20"></div>
@ -41,7 +41,7 @@ const ReviewsSection = () => {
<div className="container mx-auto px-4 relative z-10">
{/* Заголовок секции */}
<FadeInSection as="div" className="text-center mb-16">
<h2 className="text-4xl md:text-5xl font-bold bg-gradient-to-r from-white via-blue-100 to-white bg-clip-text text-transparent mb-4">
<h2 className="text-4xl md:text-5xl font-bold bg-gradient-to-r from-gray-800 via-blue-600 to-gray-800 bg-clip-text text-transparent mb-4">
Отзывы клиентов
</h2>
<div className="w-24 h-1 bg-gradient-to-r from-blue-500 to-purple-500 mx-auto rounded-full"></div>
@ -53,11 +53,11 @@ const ReviewsSection = () => {
<FadeInSection
key={review.id}
as="div"
className="group relative p-6 rounded-2xl bg-gradient-to-br from-white/10 to-white/5 backdrop-blur-md border border-white/20 hover:border-white/40 transition-all duration-500 hover:scale-105 hover:-translate-y-2"
className="group relative p-6 rounded-2xl bg-white/80 backdrop-blur-md border border-gray-200 hover:border-blue-300 hover:shadow-xl transition-all duration-500 hover:scale-105 hover:-translate-y-2"
delay={0.2 * index}
>
{/* Фон */}
<div className="absolute inset-0 rounded-2xl bg-gradient-to-br from-blue-500/20 to-purple-500/20 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
<div className="absolute inset-0 rounded-2xl bg-gradient-to-br from-blue-500/10 to-purple-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
<div className="relative z-10">
<div className="flex items-center mb-4">
@ -69,27 +69,33 @@ const ReviewsSection = () => {
className="object-cover"
/>
{/* Декоративная рамка */}
<div className="absolute inset-0 rounded-full border border-white/20 group-hover:border-white/40 transition-colors duration-300"></div>
<div className="absolute inset-0 rounded-full border border-gray-200 group-hover:border-blue-300 transition-colors duration-300"></div>
</div>
<div>
<h3 className="text-lg font-bold text-white mb-1 group-hover:text-blue-300 transition-all duration-300">
<h3 className="font-bold text-gray-800 group-hover:text-blue-600 transition-colors duration-300">
{review.name}
</h3>
<div className="flex">
{[...Array(review.rating)].map((_, i) => (
<Star
key={i}
className="w-4 h-4 text-yellow-400 fill-current group-hover:scale-110 transition-transform duration-300"
style={{ transitionDelay: `${i * 50}ms` }}
/>
<p className="text-sm text-gray-500">{review.position}</p>
<div className="flex mt-1">
{[...Array(5)].map((_, i) => (
<span key={i} className="text-yellow-400 text-sm">⭐</span>
))}
</div>
</div>
</div>
<p className="text-gray-300 leading-relaxed">
{review.text}
</p>
<blockquote className="text-gray-600 leading-relaxed italic">
"{review.text}"
</blockquote>
<div className="mt-4 pt-4 border-t border-gray-200">
<p className="text-sm text-gray-500">
<span className="font-medium">Объект:</span> {review.project}
</p>
<p className="text-sm text-gray-500 mt-1">
<span className="font-medium">Дата:</span> {review.date}
</p>
</div>
</div>
{/* Декоративный элемент */}