Add Welcome page

pull/3/head
Emre KARTAL 2 years ago
parent 9b0c409c61
commit 63d2814784

@ -19,6 +19,7 @@
EC46D7DD2ABCCC270030AC04 /* MenuView.swift in Sources */ = {isa = PBXBuildFile; fileRef = EC46D7DC2ABCCC270030AC04 /* MenuView.swift */; };
EC46D7DF2ABCE0A20030AC04 /* ParameterMenuView.swift in Sources */ = {isa = PBXBuildFile; fileRef = EC46D7DE2ABCE0A20030AC04 /* ParameterMenuView.swift */; };
EC50BF962ABF4D3300197685 /* SplashScreen.swift in Sources */ = {isa = PBXBuildFile; fileRef = EC50BF952ABF4D3300197685 /* SplashScreen.swift */; };
EC50BF982ABF541B00197685 /* WelcomeScreen.swift in Sources */ = {isa = PBXBuildFile; fileRef = EC50BF972ABF541B00197685 /* WelcomeScreen.swift */; };
EC87FCD62ABBA24000363986 /* Extensions.swift in Sources */ = {isa = PBXBuildFile; fileRef = EC87FCD52ABBA24000363986 /* Extensions.swift */; };
EC87FCD92ABBA60900363986 /* Colors.swift in Sources */ = {isa = PBXBuildFile; fileRef = EC87FCD82ABBA60900363986 /* Colors.swift */; };
EC87FCDB2ABBA6AC00363986 /* TrendingBetCard.swift in Sources */ = {isa = PBXBuildFile; fileRef = EC87FCDA2ABBA6AC00363986 /* TrendingBetCard.swift */; };
@ -59,6 +60,7 @@
EC46D7DC2ABCCC270030AC04 /* MenuView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = MenuView.swift; path = allin/Views/MenuView.swift; sourceTree = SOURCE_ROOT; };
EC46D7DE2ABCE0A20030AC04 /* ParameterMenuView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = ParameterMenuView.swift; path = allin/Views/ParameterMenuView.swift; sourceTree = SOURCE_ROOT; };
EC50BF952ABF4D3300197685 /* SplashScreen.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = SplashScreen.swift; path = allin/Screens/SplashScreen.swift; sourceTree = SOURCE_ROOT; };
EC50BF972ABF541B00197685 /* WelcomeScreen.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = WelcomeScreen.swift; path = allin/Screens/WelcomeScreen.swift; sourceTree = SOURCE_ROOT; };
EC87FCD52ABBA24000363986 /* Extensions.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = Extensions.swift; path = allin/Extensions/Extensions.swift; sourceTree = SOURCE_ROOT; };
EC87FCD82ABBA60900363986 /* Colors.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = Colors.swift; path = allin/Ressources/Colors.swift; sourceTree = SOURCE_ROOT; };
EC87FCDA2ABBA6AC00363986 /* TrendingBetCard.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = TrendingBetCard.swift; path = allin/Views/TrendingBetCard.swift; sourceTree = SOURCE_ROOT; };
@ -184,6 +186,7 @@
children = (
EC9A45AF2ABDF4A800125D41 /* HomeScreen.swift */,
EC50BF952ABF4D3300197685 /* SplashScreen.swift */,
EC50BF972ABF541B00197685 /* WelcomeScreen.swift */,
);
path = Screens;
sourceTree = "<group>";
@ -335,6 +338,7 @@
EC50BF962ABF4D3300197685 /* SplashScreen.swift in Sources */,
EC9A45B02ABDF4A800125D41 /* HomeScreen.swift in Sources */,
EC46D7DF2ABCE0A20030AC04 /* ParameterMenuView.swift in Sources */,
EC50BF982ABF541B00197685 /* WelcomeScreen.swift in Sources */,
D98C4D642AB9D017007A6B4D /* AllInApp.swift in Sources */,
EC87FCDB2ABBA6AC00363986 /* TrendingBetCard.swift in Sources */,
);

@ -0,0 +1,21 @@
{
"images" : [
{
"filename" : "iPhone 14 - 16.png",
"idiom" : "universal",
"scale" : "1x"
},
{
"idiom" : "universal",
"scale" : "2x"
},
{
"idiom" : "universal",
"scale" : "3x"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 142 KiB

@ -0,0 +1,38 @@
{
"colors" : [
{
"color" : {
"color-space" : "srgb",
"components" : {
"alpha" : "1.000",
"blue" : "0xFB",
"green" : "0x7B",
"red" : "0x7F"
}
},
"idiom" : "universal"
},
{
"appearances" : [
{
"appearance" : "luminosity",
"value" : "dark"
}
],
"color" : {
"color-space" : "srgb",
"components" : {
"alpha" : "1.000",
"blue" : "0xFF",
"green" : "0xFF",
"red" : "0xFF"
}
},
"idiom" : "universal"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

@ -0,0 +1,38 @@
{
"colors" : [
{
"color" : {
"color-space" : "srgb",
"components" : {
"alpha" : "1.000",
"blue" : "0xF7",
"green" : "0xF7",
"red" : "0xF7"
}
},
"idiom" : "universal"
},
{
"appearances" : [
{
"appearance" : "luminosity",
"value" : "dark"
}
],
"color" : {
"color-space" : "srgb",
"components" : {
"alpha" : "1.000",
"blue" : "0x2A",
"green" : "0x2A",
"red" : "0x2A"
}
},
"idiom" : "universal"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

@ -0,0 +1,38 @@
{
"colors" : [
{
"color" : {
"color-space" : "srgb",
"components" : {
"alpha" : "1.000",
"blue" : "0x78",
"green" : "0x30",
"red" : "0x32"
}
},
"idiom" : "universal"
},
{
"appearances" : [
{
"appearance" : "luminosity",
"value" : "dark"
}
],
"color" : {
"color-space" : "srgb",
"components" : {
"alpha" : "1.000",
"blue" : "0xFF",
"green" : "0xFF",
"red" : "0xFF"
}
},
"idiom" : "universal"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

@ -14,8 +14,11 @@ struct AllinColor {
static let pinkAccentText = Color("PinkAccentText")
static let darkLight = Color("DarkLight")
static let backgroundWhite = Color("BackgroundWhite")
static let StartBackground = Color("StartBackground")
static let blueAccent = Color("BlueAccent")
static let TopBarColorPink = Color("TopBarColorPink")
static let StartTextColor = Color("StartTextColor")
static let LightPurple = Color("LightPurple")
static let TopBarColorBlue = Color("TopBarColorBlue")
static let TopBarColorPurple = Color("TopBarColorPurple")
static let DescriptionColorMenu = Color("DescriptionColorMenu")

@ -0,0 +1,93 @@
//
// WelcomePage.swift
// AllIn
//
// Created by étudiant on 23/09/2023.
//
import SwiftUI
struct Welcome: View {
var body: some View {
GeometryReader { geometry in
VStack(alignment: .leading, spacing: 0) {
Spacer()
VStack(alignment: .leading, spacing: 0) {
Spacer()
Spacer()
Text("Bienvenue sur,")
.frame(alignment: .topLeading)
.betTextStyle(weight: .bold, color: AllinColor.StartTextColor, size: 30)
.padding([.leading,.trailing], 40)
LinearGradient(
colors: [AllinColor.TopBarColorPink, AllinColor.TopBarColorBlue, AllinColor.TopBarColorBlue],
startPoint: .bottomLeading,
endPoint: .topTrailing
).mask(
Text("Allin.")
.frame(width: geometry.size.width*0.80, alignment: .topLeading)
.font(Font.system(size: 45, weight: .bold))
)
.frame(width: geometry.size.width, height: 45, alignment: .topLeading)
.padding(.bottom, 40)
}
.frame(width: geometry.size.width, height: 320)
.background( LinearGradient(
stops: [
Gradient.Stop(color: AllinColor.StartBackground.opacity(0), location: 0.00),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.01), location: 0.07),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.04), location: 0.13),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.08), location: 0.20),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.15), location: 0.27),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.23), location: 0.33),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.33), location: 0.40),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.44), location: 0.47),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.56), location: 0.53),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.67), location: 0.60),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.77), location: 0.67),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.85), location: 0.73),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.92), location: 0.80),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.96), location: 0.87),
Gradient.Stop(color: AllinColor.StartBackground.opacity(0.99), location: 0.93),
Gradient.Stop(color: AllinColor.StartBackground, location: 1.00),
],
startPoint: UnitPoint(x: 0.5, y: 0),
endPoint: UnitPoint(x: 0.5, y: 0.85)
))
VStack() {
Text("Récupère tes Allcoins et vient parier avec tes amis pour prouver qui est le meilleur.")
.betTextStyle(weight: .regular, color: AllinColor.StartTextColor, size: 15)
.padding([.leading,.trailing], 40)
Spacer()
Spacer()
Button(action: {}) {
Text("Rejoindre")
.betTextStyle(weight: .bold, color: AllinColor.StartBackground, size: 17)
}
.frame(width: geometry.size.width*0.85, height: 50)
.background(AllinColor.LightPurple)
.cornerRadius(30)
HStack(spacing: 0) {
Text("Tu as déja un compte? ")
.betTextStyle(weight: .regular, color: AllinColor.LightPurple, size: 16)
Text("Connexion")
.betTextStyle(weight: .semibold, color: AllinColor.LightPurple, size: 16)
.underline()
}
Spacer()
}
.frame(width: geometry.size.width, height: geometry.size.height/3.5)
.background(AllinColor.StartBackground)
}
.frame(width: geometry.size.width, height: geometry.size.height)
.background(
Image("Background")
.resizable()
)
.edgesIgnoringSafeArea(.all)
}
.background(AllinColor.StartBackground)
}
}
Loading…
Cancel
Save