Skip to content

Instantly share code, notes, and snippets.

@rayliverified
Created November 14, 2024 20:18
Show Gist options
  • Save rayliverified/0ae55bb0b56d6aaf5a30b020f2751be4 to your computer and use it in GitHub Desktop.
Save rayliverified/0ae55bb0b56d6aaf5a30b020f2751be4 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: HomePageFinalOutput(),
),
);
}
}
class HomePageFinalOutput extends StatelessWidget {
const HomePageFinalOutput({super.key});
@override
Widget build(BuildContext context) {
return Container(
width: 1440,
height: 6210,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Colors.white,
boxShadow: [
BoxShadow(
color: Color(0x3F000000),
spreadRadius: 0,
offset: Offset(0, 4),
blurRadius: 4,
)
],
),
child: SizedBox(
width: double.infinity,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 149,
top: 1092,
child: Text(
'our products',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 64,
letterSpacing: 3.2,
),
),
),
Positioned(
left: 155,
top: 1875,
child: Text(
'ABout us',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 64,
letterSpacing: 3.2,
),
),
),
Positioned(
left: 155,
top: 2493,
child: Text(
'shop',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 64,
letterSpacing: 3.2,
),
),
),
Positioned(
left: 150,
top: 1242,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: Container(
width: 258,
height: 280,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
image: const DecorationImage(
image: NetworkImage(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2Fe503c67ee63e5124f7f8925413f4e2f77e72b8f8Rectangle%2040.png?alt=media&token=e254e92b-3879-4e4a-84df-75e9d1b93106',
),
fit: BoxFit.cover,
),
borderRadius: BorderRadius.circular(10),
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Debonair',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
'Enjoy the confident appeal of a summer soiree.',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 155,
top: 2005,
child: SizedBox(
width: 159,
height: 49,
child: Text(
'MISSION ',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 30,
fontWeight: FontWeight.w600,
letterSpacing: 1.5,
),
),
),
),
Positioned(
left: 155,
top: 2090,
child: SizedBox(
width: 1137,
child: Text(
'To foster enduring Audacity for a men by providing premium grooming, fashion, and lifestyle products that empower men and boys to build individuality in their identity,while nurturing a shared sense of style and connection.',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 155,
top: 2219,
child: SizedBox(
width: 159,
height: 49,
child: Text(
'VISION',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 30,
fontWeight: FontWeight.w600,
letterSpacing: 1.5,
),
),
),
),
Positioned(
left: 155,
top: 2304,
child: SizedBox(
width: 1142,
child: Text(
'To become the leading brand that celebrates and empowers the unique fragrance, offering accurated and trusted source for products and experiences that foster lasting memories and shared growth.',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 156,
top: 2672,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: Container(
width: 258,
height: 280,
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
color: Colors.white,
image: const DecorationImage(
image: NetworkImage(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2Fe503c67ee63e5124f7f8925413f4e2f77e72b8f8Rectangle%2040.png?alt=media&token=98b4d26f-0972-4092-aed2-90372876750d',
),
fit: BoxFit.cover,
),
borderRadius: BorderRadius.circular(10),
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Debonair',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
'Enjoy the confident appeal of a summer soiree.',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 156,
top: 3188,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2F585f5a3cc24dd428dfca7a5427b0a63da5621f58download__1_-removebg-preview%20(1).png?alt=media&token=2cbc58b9-4cb8-41e9-bc71-eeaa848a3785',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Silver',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
" It's the ideal pick-me-up for any event.",
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 156,
top: 3744,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2Fde662bdbfea9a5ed86aa6dac65a160aa4a79131ddownload__4_-removebg-preview.png?alt=media&token=8bf1f4ad-4571-4277-806f-a956b8debf98',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Obsession',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
' Obsession is a seductive combination of aromatic lavender.',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 575,
top: 2672,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2Fde2f2d3b238d615db08157dc5da2aedf4d6a5a4cdownload-removebg-preview.png?alt=media&token=2756ec9c-6391-4e95-a148-5af2d324b1d4',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Sailor',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
'Set sail on a sensory trip.\n',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 575,
top: 3188,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2Ff656328814cdbf47b15baeed3215265fbaeb6344download__2_-removebg-preview.png?alt=media&token=7d2905d9-78e9-49e8-a1dd-79a284b1ce4a',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Sparrow',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
'Sparrow is an exhilarating blend of fresh spices and citrus.',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 575,
top: 3744,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2F37850cfd22324159c1eb70935ad66335fb51f0d8download__5_-removebg-preview.png?alt=media&token=33659d1f-2299-449e-b0cf-6fc6bbfc2f3a',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Extreme',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
'Extreme is a thrilling combination of citrus and fresh spices',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 994,
top: 2672,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2F7d965e1ccc6455b0a057375ffca0cc89a78bc992download-removebg-preview%20(1).png?alt=media&token=eeee23ce-a383-4996-9a3c-0866453baafe',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Gentleman',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
'The epitome of eternal elegance. Flowery and powdery.',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 994,
top: 3188,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2Ff5edc6c2903175bc10c0b08bb657f8761f038cc8download__3_-removebg-preview.png?alt=media&token=0f6a5cc3-b3e8-4736-9ca2-b0f31210d28f',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Old Money',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱770.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
'Old Money is an elegant combination of leather and wood.',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 994,
top: 3744,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2F867dea20a40b2d2451c42917040af6544ebd4b52download__6_-removebg-preview.png?alt=media&token=40b4a471-ff7f-40b5-ada6-1ea9c369dad7',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 18,
top: 327,
child: SizedBox(
width: 261,
child: Text(
'Achilles',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: 18,
top: 363,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: 18,
top: 390,
child: SizedBox(
width: 260,
child: Text(
'Achilles is a potent combination of vanilla and spice.',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 19,
top: 435,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 154,
top: 4352,
child: SizedBox(
width: 286,
child: RichText(
text: TextSpan(
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 60,
letterSpacing: 3,
),
children: const [
TextSpan(text: 'Contact'),
TextSpan(
text: ' us',
style: TextStyle(
letterSpacing: 0,
),
)
],
),
),
),
),
Positioned(
left: 156,
top: 4478,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2F5ab740bd3d06a45d109c94bba1b54f04920058faBeige%20Marketing%20Typography%20Logo.pdf%20(1)-1%201.png?alt=media&token=b772cc8f-321e-4082-9574-26797a4e6d44',
width: 1134,
height: 457,
fit: BoxFit.cover,
),
),
Positioned(
left: 155,
top: 4949,
child: SizedBox(
width: 1139,
child: Text(
'Email us',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 40,
),
),
),
),
Positioned(
left: 156,
top: 5015,
child: Container(
width: 1134,
height: 50,
decoration: BoxDecoration(
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 29,
top: 9,
child: SizedBox(
width: 1077,
height: 32,
child: Text(
'Name',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.w100,
),
),
),
)
],
),
),
),
Positioned(
left: 156,
top: 5080,
child: Container(
width: 1134,
height: 52,
decoration: BoxDecoration(
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 29,
top: 9,
child: SizedBox(
width: 1077,
height: 34,
child: Text(
'Email',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.w100,
),
),
),
)
],
),
),
),
Positioned(
left: 156,
top: 5147,
child: Container(
width: 1134,
height: 50,
decoration: BoxDecoration(
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 29,
top: 9,
child: SizedBox(
width: 1077,
height: 32,
child: Text(
'Phone number',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.w100,
),
),
),
)
],
),
),
),
Positioned(
left: 156,
top: 5212,
child: Container(
width: 1134,
height: 274,
decoration: BoxDecoration(
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 29,
top: 9,
child: SizedBox(
width: 1077,
height: 256,
child: Text(
'Comment',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.w100,
),
),
),
)
],
),
),
),
Positioned(
left: 618,
top: 5501,
child: Container(
width: 210,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 89,
top: 7,
child: Text(
'Send',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
width: 1440,
height: 170,
clipBehavior: Clip.hardEdge,
decoration: const BoxDecoration(
color: Color(0xFF313131),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: -1,
child: SizedBox(
width: 462,
height: 170,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2Fa4d8f69d7520390d06bbd76553d71d8ad08d4319Beige_Marketing_Typography_Logo.pdf-1-removebg%201.png?alt=media&token=ecf9432b-96c5-4954-b0e0-0af882f8cdab',
width: 462,
height: 170,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 537,
top: 65,
child: Text(
'SHOP',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.white,
fontSize: 30,
),
),
),
Positioned(
left: 648,
top: 65,
child: Text(
'ABOUT',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.white,
fontSize: 30,
),
),
),
Positioned(
left: 780,
top: 65,
child: Text(
'CONTACT US',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.white,
fontSize: 30,
),
),
),
Positioned(
left: 1162,
top: 60,
child: SizedBox(
width: 185,
height: 50,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 1,
child: SizedBox.square(
dimension: 49,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RgoAFIkBxJF1VMCdkMr%2F7d79dcc2-73c5-4810-997c-6e74d04af9fc.png',
width: 49,
height: 49,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 73,
top: 0,
child: SizedBox.square(
dimension: 50,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RgoAFIkBxJF1VMCdkMr%2F54ace6f1-5a12-4b18-9e51-6f091bf2bcb5.png',
width: 50,
height: 50,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 147,
top: 2,
child: SizedBox(
width: 38,
height: 48,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RgoAFIkBxJF1VMCdkMr%2F89cc75cd-2462-4729-bc87-bdd7e5094e0c.png',
width: 38,
height: 48,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 994,
top: 1242,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2F585f5a3cc24dd428dfca7a5427b0a63da5621f58download__1_-removebg-preview%20(1).png?alt=media&token=c34a0e7c-403b-469c-ae6a-8dbb94de6efa',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 19,
top: 328,
child: SizedBox(
width: 258,
height: 143,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 261,
child: Text(
'Silver',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: -1,
top: 35,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: -1,
top: 62,
child: SizedBox(
width: 260,
child: Text(
" It's the ideal pick-me-up for any event.",
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 0,
top: 107,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 575,
top: 1242,
child: Container(
width: 296,
height: 495,
decoration: BoxDecoration(
color: Colors.white,
border: Border.all(),
borderRadius: BorderRadius.circular(25),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 24,
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
clipBehavior: Clip.hardEdge,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2F37850cfd22324159c1eb70935ad66335fb51f0d8download__5_-removebg-preview.png?alt=media&token=e76fd9ce-0b28-478d-bfc8-b592a16c8e49',
width: 258,
height: 280,
fit: BoxFit.cover,
),
),
),
Positioned(
left: 19,
top: 328,
child: SizedBox(
width: 258,
height: 143,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 261,
child: Text(
'Extreme',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 25,
fontWeight: FontWeight.bold,
),
),
),
),
Positioned(
left: -1,
top: 35,
child: SizedBox(
width: 260,
child: Text(
'₱720.00',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w500,
),
),
),
),
Positioned(
left: -1,
top: 62,
child: SizedBox(
width: 260,
child: Text(
'Extreme is a thrilling combination of citrus and fresh spices',
style: GoogleFonts.getFont(
'Inter',
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w200,
),
),
),
),
Positioned(
left: 0,
top: 107,
child: Container(
width: 89,
height: 36,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(15),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 18,
top: 7,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 17,
),
),
)
],
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 661,
top: 1783,
child: SizedBox(
width: 118,
height: 51,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 19,
top: 9,
child: Text(
'View all',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 25,
decoration: TextDecoration.underline,
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 170,
child: Container(
width: 1440,
height: 854,
decoration: const BoxDecoration(
image: DecorationImage(
image: NetworkImage(
'',
),
fit: BoxFit.cover,
),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2Fc74b446cbc49c8600466b60666db58a51cbd2995Frame%20339.png?alt=media&token=0357751d-9ecc-4262-b5ed-9a2b7cd2ccc4',
fit: BoxFit.contain,
),
Positioned(
left: 75,
top: 49,
child: SizedBox(
width: 1290,
height: 189,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 1307,
child: Text(
'PURE AUDACITY',
style: GoogleFonts.getFont(
'Inter',
color: Colors.white,
fontSize: 80,
fontWeight: FontWeight.w100,
letterSpacing: 7.2,
),
),
),
),
Positioned(
left: 0,
top: 119,
child: Container(
width: 211,
height: 70,
decoration: BoxDecoration(
color: const Color(0xFFD9D9D9),
borderRadius: BorderRadius.circular(20),
),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 45,
top: 9,
child: Text(
'Get now',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.black,
fontSize: 40,
),
),
)
],
),
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 0,
top: 5764,
child: Container(
width: 1440,
height: 446,
color: const Color(0xFF313131),
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: -1,
top: -1,
child: SizedBox(
width: 1444,
child: Text(
'AUDACITY FRAGRANCES',
textAlign: TextAlign.center,
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.white,
fontSize: 30,
),
),
),
),
Positioned(
left: 489,
top: 83,
child: SizedBox(
width: 462,
height: 170,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://firebasestorage.googleapis.com/v0/b/codeless-app.appspot.com/o/projects%2F0RgoAFIkBxJF1VMCdkMr%2Fa4d8f69d7520390d06bbd76553d71d8ad08d4319Beige_Marketing_Typography_Logo.pdf-1-removebg%201.png?alt=media&token=db153395-364e-4ed0-b11b-0cacfd84831f',
width: 462,
height: 170,
fit: BoxFit.cover,
),
)
],
),
),
),
Positioned(
left: 644,
top: 298,
child: SizedBox(
width: 153,
height: 40,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: SizedBox.square(
dimension: 40,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RgoAFIkBxJF1VMCdkMr%2Fe62556b5-3c2f-4c4a-bee0-463446cae0fd.png',
width: 40,
height: 40,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 59,
top: 0,
child: SizedBox(
width: 35,
height: 40,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RgoAFIkBxJF1VMCdkMr%2Fac8146cc-d3f3-4b2c-be2c-745db6e395cb.png',
width: 35,
height: 40,
fit: BoxFit.contain,
),
)
],
),
),
),
Positioned(
left: 113,
top: 0,
child: SizedBox.square(
dimension: 40,
child: Stack(
clipBehavior: Clip.none,
children: [
Positioned(
left: 0,
top: 0,
child: Image.network(
'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RgoAFIkBxJF1VMCdkMr%2F4777e224-f2fe-434f-a82f-eb46a96b9042.png',
width: 40,
height: 40,
fit: BoxFit.contain,
),
)
],
),
),
)
],
),
),
),
Positioned(
left: 450,
top: 382,
child: Opacity(
opacity: 0.5,
child: Text(
'© 2024 audacity fragrances. All rights reserved.',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.white,
fontSize: 12,
),
),
),
),
Positioned(
left: 701,
top: 382,
child: Opacity(
opacity: 0.5,
child: Text(
'PRIVACY POLICY',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.white,
fontSize: 12,
),
),
),
),
Positioned(
left: 793,
top: 382,
child: Opacity(
opacity: 0.5,
child: Text(
'TERMS OF SERVICE',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.white,
fontSize: 12,
),
),
),
),
Positioned(
left: 897,
top: 382,
child: Opacity(
opacity: 0.5,
child: Text(
'CONTACT INFORMATION',
style: GoogleFonts.getFont(
'Staatliches',
color: Colors.white,
fontSize: 12,
),
),
),
)
],
),
),
)
],
),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment