first commit
This commit is contained in:
70
lib/features/splash/presentation/pages/splash_page.dart
Normal file
70
lib/features/splash/presentation/pages/splash_page.dart
Normal file
@@ -0,0 +1,70 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
|
||||
import '../../../../core/router/app_routes.dart';
|
||||
import '../../../../core/theme/app_colors.dart';
|
||||
import '../../../../core/widgets/riotz_scaffold.dart';
|
||||
import '../../../../core/widgets/riotz_button.dart';
|
||||
|
||||
class SplashPage extends StatelessWidget {
|
||||
const SplashPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
|
||||
return RiotzScaffold(
|
||||
body: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 32),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Spacer(flex: 2),
|
||||
// Brand Title
|
||||
Text(
|
||||
'RIOTZ',
|
||||
style: theme.textTheme.displayLarge?.copyWith(
|
||||
color: AppColors.white,
|
||||
height: 0.9,
|
||||
),
|
||||
),
|
||||
// Aesthetic Subtitle
|
||||
Container(
|
||||
color: AppColors.neonRed,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
||||
child: Text(
|
||||
'UNDERGROUND // CHAOS // CULTURE',
|
||||
style: theme.textTheme.labelLarge?.copyWith(
|
||||
color: AppColors.white,
|
||||
letterSpacing: 1.5,
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
Text(
|
||||
'THE PREMIER PLATFORM FOR PUNK RAP, RAGE CULTURE, AND ALT FASHION.',
|
||||
style: theme.textTheme.bodyLarge?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
letterSpacing: -0.5,
|
||||
),
|
||||
),
|
||||
const Spacer(),
|
||||
// Actions
|
||||
RiotzButton(
|
||||
label: 'Enter the Chaos',
|
||||
onPressed: () => context.go(AppRoutes.login),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
RiotzButton(
|
||||
label: 'Join the RIOT',
|
||||
style: RiotzButtonStyle.outline,
|
||||
onPressed: () => context.go(AppRoutes.signup),
|
||||
),
|
||||
const SizedBox(height: 48),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user