<template>
    <div class="content pb-20">
        <Section1 class="pt-20" />
        <Section2 class="mt-20" />
        <div class="flex gap-20 mt-20">
            <Section3 style="width: 60%;" />
            <Section4 style="width: 40%;" />
        </div>
        <Section5 class="mt-20" />
    </div>
</template>

<script setup lang="ts">
import Section1 from './components/section1.vue'
import Section2 from './components/section2.vue'
import Section3 from './components/section3.vue'
import Section4 from './components/section4.vue'
import Section5 from './components/section5.vue'
</script>

<style lang="scss" scoped>
.content {
    width: 1400px;
    margin: 0 auto;
}
</style>