Files
mobile-app/lib/features/home/presentation/widgets/testimonials_section.dart

112 lines
3.2 KiB
Dart

import 'package:flutter/material.dart';
import 'package:real_estate_mobile/core/constants/app_colors.dart';
class TestimonialsSection extends StatelessWidget {
const TestimonialsSection({super.key});
@override
Widget build(BuildContext context) {
return Column(
children: [
// Testimonial card
SizedBox(
height: 380,
child: ListView.builder(
scrollDirection: Axis.horizontal,
padding: const EdgeInsets.symmetric(horizontal: 24),
itemCount: 3,
itemBuilder: (context, index) => Padding(
padding: const EdgeInsets.only(right: 16),
child: _buildTestimonialCard(),
),
),
),
],
);
}
Widget _buildTestimonialCard() {
return Container(
width: 315,
padding: const EdgeInsets.all(24),
decoration: BoxDecoration(
color: AppColors.primaryDark,
borderRadius: BorderRadius.circular(15),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Quote icon
const Text(
'\u201C',
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 48,
fontWeight: FontWeight.w700,
color: AppColors.accentOrange,
height: 0.8,
),
),
const SizedBox(height: 8),
const Text(
'I have been working with Lorem ..',
style: TextStyle(
fontFamily: 'Fractul',
fontSize: 14,
fontWeight: FontWeight.w700,
color: Colors.white,
),
),
const SizedBox(height: 12),
const Expanded(
child: Text(
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo ligula eget dolor. Sed dignissim, nisl eget tincidunt vulputate, lacus justo bibendum ipsum, vitae tempus risus lorem at nunc.',
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 14,
fontWeight: FontWeight.w400,
color: Colors.white,
),
),
),
const SizedBox(height: 16),
// Stars
Row(
children: List.generate(
5,
(index) => const Padding(
padding: EdgeInsets.only(right: 4),
child: Icon(
Icons.star,
color: AppColors.accentOrange,
size: 18,
),
),
),
),
const SizedBox(height: 12),
// Author info
const Text(
'Conor Kenney',
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 14,
fontWeight: FontWeight.w500,
color: Colors.white,
),
),
const Text(
'Chief Operations Officer',
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 14,
fontWeight: FontWeight.w600,
color: Colors.white,
),
),
],
),
);
}
}