Skip to content

Instantly share code, notes, and snippets.

@BuildCodelessly
Created May 7, 2024 01:07
Show Gist options
  • Save BuildCodelessly/23bb92b0b8daa91a4206f2485f995552 to your computer and use it in GitHub Desktop.
Save BuildCodelessly/23bb92b0b8daa91a4206f2485f995552 to your computer and use it in GitHub Desktop.
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
title: 'MyApp Demo',
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Content(),
),
);
}
}
class Content extends StatelessWidget {
const Content({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: 1088,
height: 404,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
),
child: SizedBox(
width: double.infinity,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Container(
width: 1088,
height: 404,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20),
boxShadow: const [
BoxShadow(
color: Color(0x28606170),
spreadRadius: 0,
offset: Offset(0, 16),
blurRadius: 24,
),
BoxShadow(
color: Color(0x0A28293D),
spreadRadius: 0,
offset: Offset(0, 2),
blurRadius: 8,
)
],
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 80,
top: 40,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2FR2CnVHpgDHqTEHxkyZX9%2F4e7ea09bbe88823b10507b59e170529e7a8ed8e9IMG.png?alt=media&token=64b75a09-0f90-4bfd-ac38-069f2b4cc1b8',
width: 300,
height: 300,
fit: BoxFit.cover,
),
),
Positioned(
left: 459,
top: 123,
child: SizedBox(
width: 528,
child: Text(
'Domain Value',
style: GoogleFonts.getFont(
'Montserrat',
color: const Color(0xFF161C2D),
fontSize: 32,
fontWeight: FontWeight.bold,
height: 1.4,
),
),
),
),
Positioned(
left: 460,
top: 192,
child: SizedBox(
width: 526,
child: Text(
'Maya AI delivers precise, expert responses, resulting in enhanced user engagement and superior outcomes.',
style: GoogleFonts.getFont(
'Inter',
color: const Color(0xFF323644),
fontSize: 18,
height: 1.8,
),
),
),
)
],
),
),
)
],
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment