style :: 파일 구조 잡기

lib/view/store/store_info_bottom.dart

@@ -0,0 +1,11 @@
+part of 'store_page.dart';
+
+class _StoreInfoBottom extends StatelessWidget {
+  // ignore: unused_element
+  const _StoreInfoBottom({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Text("");
+  }
+}

lib/view/store/store_info_header.dart

@@ -0,0 +1,70 @@
+part of 'store_page.dart';
+
+class _StoreInfoHeader extends StatelessWidget {
+  // ignore: unused_element
+  const _StoreInfoHeader({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Stack(
+          alignment: Alignment.bottomLeft,
+          clipBehavior: Clip.none,
+          children: [
+            Image.asset(
+              "assets/images/store_info_header_example.png",
+              width: 390.w,
+              height: 235.h,
+              fit: BoxFit.cover,
+            ),
+            Positioned(
+                bottom: -25.h,
+                child: Container(
+                  width: 390.w,
+                  height: 50.h,
+                  decoration: BoxDecoration(
+                      borderRadius: BorderRadius.only(
+                          topLeft: Radius.circular(15.w),
+                          topRight: Radius.circular(15.w)),
+                      color: Colors.white),
+                )),
+            Positioned(
+                left: 25.w,
+                bottom: -25.h,
+                child: Container(
+                  width: 100.w,
+                  height: 100.h,
+                  decoration: BoxDecoration(
+                      color: Colors.white,
+                      borderRadius: BorderRadius.circular(25.w),
+                      image: DecorationImage(
+                          image: AssetImage(
+                              "assets/images/store_info_logo_example.png"))),
+                ))
+          ],
+        ),
+        SizedBox(
+          height: 30.h,
+        ),
+        Padding(
+            padding: EdgeInsets.symmetric(horizontal: 25.w),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  "힘쎈드위치",
+                  style: AppTextStyle.heading2Bold,
+                ),
+                Text(
+                  "광주광역시 동구 지산로 38",
+                  style: AppTextStyle.body2Medium
+                      .copyWith(color: GlobalMainGrey.grey700),
+                )
+              ],
+            ))
+      ],
+    );
+  }
+}

lib/view/store/store_info_middle.dart

@@ -0,0 +1,11 @@
+part of 'store_page.dart';
+
+class _StoreInfoMiddle extends StatelessWidget {
+  // ignore: unused_element
+  const _StoreInfoMiddle({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Text("");
+  }
+}

lib/view/store/store_page.dart

@@ -1,7 +1,13 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:mayo_flutter/desginSystem/color.dart';
+import 'package:mayo_flutter/desginSystem/fontsize.dart';
 import 'package:mayo_flutter/view/components/top_bar.dart';
 
 part 'store_scaffold.dart';
+part 'store_info_header.dart';
+part 'store_info_middle.dart';
+part 'store_info_bottom.dart';
 
 class StorePage extends StatelessWidget {
   const StorePage({super.key});
@@ -13,9 +19,9 @@ class StorePage extends StatelessWidget {
         title: "가게 이름",
         showCarts: false,
       ),
-      infoHeader: Text(""),
-      infoMiddle: Text(""),
-      infoBottom: Text(""),
+      infoHeader: _StoreInfoHeader(),
+      infoMiddle: _StoreInfoMiddle(),
+      infoBottom: _StoreInfoBottom(),
     );
   }
 }