0RglIyZ0wJfeDgpcJqEg.dart

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: Center(
          child:
              VectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVector(),
        ),
      ),
    );
  }
}

class VectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVector
    extends StatelessWidget {
  const VectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVectorVector(
      {super.key});

  @override
  Widget build(BuildContext context) {
    return Image.network(
      'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RglIaM2_4BkRwZLaq0d%2Fe519d76e-fa75-4b29-ad81-5208711bf573.png',
      width: 514,
      height: 463,
      fit: BoxFit.contain,
    );
  }
}

class Vector2 extends StatelessWidget {
  const Vector2({super.key});

  @override
  Widget build(BuildContext context) {
    return Image.network(
      'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RglIaM2_4BkRwZLaq0d%2F5dcc47f9-d783-42d0-a73a-315b402989dc.png',
      width: 31,
      height: 15,
      fit: BoxFit.contain,
    );
  }
}

class DesignIsTheCreationOfAPlanOrConventionForTheConstructionOfAnObjectOrASystemAsInArchitecturalBlueprintsEngineeringDrawingsBusinessProcesses
    extends StatelessWidget {
  const DesignIsTheCreationOfAPlanOrConventionForTheConstructionOfAnObjectOrASystemAsInArchitecturalBlueprintsEngineeringDrawingsBusinessProcesses(
      {super.key});

  @override
  Widget build(BuildContext context) {
    return const SizedBox(
      width: 540,
      height: 107,
      child: Text(
        'Design is the creation of a plan or convention for the construction of an object or a system as in architectural blueprints, engineering drawings, business processes,',
        style: TextStyle(
          color: Color(0xFF919199),
          fontSize: 20,
          letterSpacing: 0.4,
          height: 1.6,
          fontFamily: 'Proxima Nova',
        ),
      ),
    );
  }
}

class Rectangle1 extends StatelessWidget {
  const Rectangle1({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: 216,
      height: 66,
      clipBehavior: Clip.hardEdge,
      decoration: BoxDecoration(
        color: const Color(0xFFF78BB6),
        borderRadius: BorderRadius.circular(4),
      ),
    );
  }
}

class Rectangle11 extends StatelessWidget {
  const Rectangle11({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: 36,
      height: 3,
      clipBehavior: Clip.hardEdge,
      decoration: const BoxDecoration(
        color: Color(0xFFF78BB6),
      ),
    );
  }
}

class Home extends StatelessWidget {
  const Home({super.key});

  @override
  Widget build(BuildContext context) {
    return const Text(
      'Home',
      style: TextStyle(
        color: Color(0xFF56597A),
        fontSize: 20,
        fontWeight: FontWeight.w500,
        height: 1.5,
        fontFamily: 'Circular Std',
      ),
    );
  }
}

class Product extends StatelessWidget {
  const Product({super.key});

  @override
  Widget build(BuildContext context) {
    return const Text(
      'Product',
      style: TextStyle(
        color: Color(0xFFAAAAAB),
        fontSize: 20,
        fontWeight: FontWeight.w500,
        height: 1.5,
        fontFamily: 'Circular Std',
      ),
    );
  }
}

class About extends StatelessWidget {
  const About({super.key});

  @override
  Widget build(BuildContext context) {
    return const Text(
      'About',
      style: TextStyle(
        color: Color(0xFFAAAAAB),
        fontSize: 20,
        fontWeight: FontWeight.w500,
        height: 1.5,
        fontFamily: 'Circular Std',
      ),
    );
  }
}

class Vector extends StatelessWidget {
  const Vector({super.key});

  @override
  Widget build(BuildContext context) {
    return Image.network(
      'https://storage.googleapis.com/codeless-app.appspot.com/uploads%2Fimages%2F0RglIaM2_4BkRwZLaq0d%2Fa7869cc6-fe62-4c0f-98e9-4757db9eb7bc.png',
      width: 18,
      height: 14,
      fit: BoxFit.contain,
    );
  }
}

class WeDeliverTheBestProductForYou extends StatelessWidget {
  const WeDeliverTheBestProductForYou({super.key});

  @override
  Widget build(BuildContext context) {
    return const Text(
      'We Deliver The Best\nProduct for You',
      style: TextStyle(
        color: Color(0xFF56597A),
        fontSize: 64,
        fontWeight: FontWeight.bold,
        height: 1.2,
        fontFamily: 'Circular Std',
      ),
    );
  }
}

class CreativeAgency extends StatelessWidget {
  const CreativeAgency({super.key});

  @override
  Widget build(BuildContext context) {
    return const Text(
      'Creative Agency',
      style: TextStyle(
        color: Color(0xFFF78BB6),
        fontSize: 28,
        fontWeight: FontWeight.w500,
        height: 1.4,
        fontFamily: 'Circular Std',
      ),
    );
  }
}

class GetStarted extends StatelessWidget {
  const GetStarted({super.key});

  @override
  Widget build(BuildContext context) {
    return const Text(
      'Get started',
      style: TextStyle(
        color: Colors.white,
        fontSize: 20,
        fontWeight: FontWeight.w500,
        letterSpacing: 0.4,
        height: 1.5,
        fontFamily: 'Circular Std',
      ),
    );
  }
}

class Pricing extends StatelessWidget {
  const Pricing({super.key});

  @override
  Widget build(BuildContext context) {
    return const Text(
      'Pricing',
      style: TextStyle(
        color: Color(0xFFAAAAAB),
        fontSize: 20,
        fontWeight: FontWeight.w500,
        height: 1.5,
        fontFamily: 'Circular Std',
      ),
    );
  }
}

class Rectangle7 extends StatelessWidget {
  const Rectangle7({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: 32,
      height: 32,
      clipBehavior: Clip.hardEdge,
      decoration: BoxDecoration(
        color: const Color(0x47FFC1D9),
        border: Border.all(
          width: 1.5,
          color: Colors.white,
        ),
        borderRadius: BorderRadius.circular(2),
      ),
    );
  }
}

class Mirage extends StatelessWidget {
  const Mirage({super.key});

  @override
  Widget build(BuildContext context) {
    return RichText(
      text: TextSpan(
        style: GoogleFonts.getFont(
          'Josefin Sans',
          color: const Color(0xFFF087B1),
          fontSize: 30,
          fontWeight: FontWeight.bold,
          letterSpacing: 0.6,
          height: 1,
        ),
        children: const [
          TextSpan(text: 'Mi'),
          TextSpan(
            text: 'rage',
            style: TextStyle(
              color: Color(0xFF56597A),
            ),
          )
        ],
      ),
    );
  }
}