From 7cc0ce51ba89b6aecc3a418ce439f71979942d7d Mon Sep 17 00:00:00 2001 From: Hanan Askarim Date: Thu, 2 May 2024 13:35:38 +0700 Subject: [PATCH] add responsive tablet dan hp --- views/landingpage/landingpage.templ | 80 +++++++++++-------- views/landingpage/landingpage_templ.go | 17 +--- views/landingpage/medicalservice.templ | 94 ++++++++++++++++++++++- views/landingpage/medicalservice_templ.go | 56 ++++++++++++-- 4 files changed, 190 insertions(+), 57 deletions(-) diff --git a/views/landingpage/landingpage.templ b/views/landingpage/landingpage.templ index e408d4d..9dfe9e2 100644 --- a/views/landingpage/landingpage.templ +++ b/views/landingpage/landingpage.templ @@ -2,7 +2,6 @@ package landingpage import ( "github.com/emarifer/go-templ-project-structure/views/layout" - "github.com/emarifer/go-templ-project-structure/views/under_development" ) templ MainLandingPage(medicalServiceComponent templ.Component, listAdvantageComponent templ.Component, listPromotion templ.Component, footer templ.Component) { @@ -24,41 +23,36 @@ templ MainLandingPage(medicalServiceComponent templ.Component, listAdvantageComp Login -
- @under_development.UnderDevelopment() + + + + @HeaderCard() + + +
+ @HeaderSection("Our Medical Services", "Discover excellence in healthcare at Our Medical Services. From diagnosis to treatment, our dedicated team provides personalized care for your well-being.")
-
- - - - @HeaderCard() - - + @medicalServiceComponent + + +
- @HeaderSection("Our Medical Services", "Discover excellence in healthcare at Our Medical Services. From diagnosis to treatment, our dedicated team provides personalized care for your well-being.") + @HeaderSection("Why Westerindo", "With a dedicated team of professionals we’re committed to providing medical attention tailored to your needs, ensuring a journey to optimal health and vitality.")
- @medicalServiceComponent - - -
-
- @HeaderSection("Why Westerindo", "With a dedicated team of professionals we’re committed to providing medical attention tailored to your needs, ensuring a journey to optimal health and vitality.") -
- @listAdvantageComponent -
- - -
-
- @HeaderSection("Promotions", "Seize This Opportunity to Enhance Your Health") -
- @listPromotion -
- - - @footer - + @listAdvantageComponent
+ + +
+
+ @HeaderSection("Promotions", "Seize This Opportunity to Enhance Your Health") +
+ @listPromotion +
+ + + @footer +
} @@ -112,6 +106,24 @@ templ CssLandingPage() { font-weight: 700; } + .title-jumbotron-sm { + /* color: #FFF; */ + font-family: Poppins; + font-size: 32px; + /* font-size: 3vw; */ + font-style: normal; + font-weight: 600; + } + + .title-jumbotron-md { + /* color: #FFF; */ + font-family: Poppins; + font-size: 42px; + /* font-size: 3vw; */ + font-style: normal; + font-weight: 600; + } + .title-jumbotron { /* color: #FFF; */ font-family: Poppins; @@ -316,8 +328,8 @@ templ JsLandingPage() { autoplaySpeed: 2000, infinite: true, lazyLoad: "ondemand", - slidesToShow: 3, - slidesToScroll: 3, + slidesToShow: 2, + slidesToScroll: 2, }); // sm diff --git a/views/landingpage/landingpage_templ.go b/views/landingpage/landingpage_templ.go index 8744e09..e1095e3 100644 --- a/views/landingpage/landingpage_templ.go +++ b/views/landingpage/landingpage_templ.go @@ -12,7 +12,6 @@ import "bytes" import ( "github.com/emarifer/go-templ-project-structure/views/layout" - "github.com/emarifer/go-templ-project-structure/views/under_development" ) func MainLandingPage(medicalServiceComponent templ.Component, listAdvantageComponent templ.Component, listPromotion templ.Component, footer templ.Component) templ.Component { @@ -28,15 +27,7 @@ func MainLandingPage(medicalServiceComponent templ.Component, listAdvantageCompo templ_7745c5c3_Var1 = templ.NopComponent } ctx = templ.ClearChildren(ctx) - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") - if templ_7745c5c3_Err != nil { - return templ_7745c5c3_Err - } - templ_7745c5c3_Err = under_development.UnderDevelopment().Render(ctx, templ_7745c5c3_Buffer) - if templ_7745c5c3_Err != nil { - return templ_7745c5c3_Err - } - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } @@ -100,7 +91,7 @@ func MainLandingPage(medicalServiceComponent templ.Component, listAdvantageCompo if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } @@ -124,7 +115,7 @@ func CssLandingPage() templ.Component { templ_7745c5c3_Var2 = templ.NopComponent } ctx = templ.ClearChildren(ctx) - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } @@ -148,7 +139,7 @@ func JsLandingPage() templ.Component { templ_7745c5c3_Var3 = templ.NopComponent } ctx = templ.ClearChildren(ctx) - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } diff --git a/views/landingpage/medicalservice.templ b/views/landingpage/medicalservice.templ index a877e81..7d35f05 100644 --- a/views/landingpage/medicalservice.templ +++ b/views/landingpage/medicalservice.templ @@ -34,7 +34,17 @@ templ MedicalService(title string, desciption string, icon string, link string) } templ ListMedicalService(medserData []services.ClientService) { -
+
+ for _, d := range medserData { + @MedicalService(d.ClientServiceName, d.ClientServiceDescription, d.ClientServiceIcon, d.ClientServiceLink) + } +
+
+ for _, d := range medserData { + @MedicalService(d.ClientServiceName, d.ClientServiceDescription, d.ClientServiceIcon, d.ClientServiceLink) + } +
+
for _, d := range medserData { @MedicalService(d.ClientServiceName, d.ClientServiceDescription, d.ClientServiceIcon, d.ClientServiceLink) } @@ -87,7 +97,76 @@ templ ListAdvantage(adData []services.AdvantageClient) { } templ HeaderCard() { -
+ // Hp +
+
+
+
+
+ Your Brand +
+
+
+
+

+ Invest in Your Well-being with Our Comprehensive Medical + Check-Up +

+

+ Elevate your health journey with our thorough medical + assessments, empowering you to take proactive steps towards a + healthier, happier life. +

+ +
+
+
+
+
+
+ // End Hp + // Tablet +
+
+
+
+
+ Your Brand +
+
+
+
+

+ Invest in Your Well-being with Our Comprehensive Medical + Check-Up +

+

+ Elevate your health journey with our thorough medical + assessments, empowering you to take proactive steps towards a + healthier, happier life. +

+ +
+
+
+
+
+
+ // End Tablet + // Dekstop +
@@ -125,6 +204,7 @@ templ HeaderCard() {
+ // End Dekstop } templ Promotion(prm services.Promotion) { @@ -138,6 +218,16 @@ templ Promotion(prm services.Promotion) { } templ ListPromotion(prm []services.Promotion) { +
+ for _, d := range prm { + @Promotion(d) + } +
+
+ for _, d := range prm { + @Promotion(d) + } +
for _, d := range prm { @Promotion(d) diff --git a/views/landingpage/medicalservice_templ.go b/views/landingpage/medicalservice_templ.go index 9e0745d..34ea279 100644 --- a/views/landingpage/medicalservice_templ.go +++ b/views/landingpage/medicalservice_templ.go @@ -99,7 +99,27 @@ func ListMedicalService(medserData []services.ClientService) templ.Component { templ_7745c5c3_Var6 = templ.NopComponent } ctx = templ.ClearChildren(ctx) - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + for _, d := range medserData { + templ_7745c5c3_Err = MedicalService(d.ClientServiceName, d.ClientServiceDescription, d.ClientServiceIcon, d.ClientServiceLink).Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + for _, d := range medserData { + templ_7745c5c3_Err = MedicalService(d.ClientServiceName, d.ClientServiceDescription, d.ClientServiceIcon, d.ClientServiceLink).Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } @@ -140,7 +160,7 @@ func HeaderSection(title string, desc string) templ.Component { var templ_7745c5c3_Var8 string templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(title) if templ_7745c5c3_Err != nil { - return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 46, Col: 46} + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 56, Col: 46} } _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8)) if templ_7745c5c3_Err != nil { @@ -153,7 +173,7 @@ func HeaderSection(title string, desc string) templ.Component { var templ_7745c5c3_Var9 string templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(desc) if templ_7745c5c3_Err != nil { - return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 48, Col: 9} + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 58, Col: 9} } _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9)) if templ_7745c5c3_Err != nil { @@ -190,7 +210,7 @@ func Advantage(title string, desc string) templ.Component { var templ_7745c5c3_Var11 string templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(title) if templ_7745c5c3_Err != nil { - return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 63, Col: 51} + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 73, Col: 51} } _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11)) if templ_7745c5c3_Err != nil { @@ -203,7 +223,7 @@ func Advantage(title string, desc string) templ.Component { var templ_7745c5c3_Var12 string templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(desc) if templ_7745c5c3_Err != nil { - return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 65, Col: 11} + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 75, Col: 11} } _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12)) if templ_7745c5c3_Err != nil { @@ -267,7 +287,7 @@ func HeaderCard() templ.Component { templ_7745c5c3_Var14 = templ.NopComponent } ctx = templ.ClearChildren(ctx) - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("

Invest in Your Well-being with Our Comprehensive Medical\r Check-Up\r

Elevate your health journey with our thorough medical\r assessments, empowering you to take proactive steps towards a\r healthier, happier life.\r

\"Your
") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
\"Your

Invest in Your Well-being with Our Comprehensive Medical\r Check-Up\r

Elevate your health journey with our thorough medical\r assessments, empowering you to take proactive steps towards a\r healthier, happier life.\r

\"Your

Invest in Your Well-being with Our Comprehensive Medical\r Check-Up\r

Elevate your health journey with our thorough medical\r assessments, empowering you to take proactive steps towards a\r healthier, happier life.\r

Invest in Your Well-being with Our Comprehensive Medical\r Check-Up\r

Elevate your health journey with our thorough medical\r assessments, empowering you to take proactive steps towards a\r healthier, happier life.\r

\"Your
") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } @@ -298,7 +318,7 @@ func Promotion(prm services.Promotion) templ.Component { var templ_7745c5c3_Var16 string templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(prm.PromotionAsset) if templ_7745c5c3_Err != nil { - return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 133, Col: 27} + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\landingpage\medicalservice.templ`, Line: 213, Col: 27} } _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16)) if templ_7745c5c3_Err != nil { @@ -328,7 +348,27 @@ func ListPromotion(prm []services.Promotion) templ.Component { templ_7745c5c3_Var17 = templ.NopComponent } ctx = templ.ClearChildren(ctx) - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + for _, d := range prm { + templ_7745c5c3_Err = Promotion(d).Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + for _, d := range prm { + templ_7745c5c3_Err = Promotion(d).Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err }