From fbc2128cdb7e23844a99716a3ec59a4291024e93 Mon Sep 17 00:00:00 2001 From: Emil Gulamov <125820963+mearashadowfax@users.noreply.github.com> Date: Wed, 14 Feb 2024 05:49:44 +0400 Subject: [PATCH] Add new UI components and sections Added new UI components including Checkbox, StatsBig, and StatsSmall for forms and stats display. Additionally, new layout sections such as FeaturesStats, LeftSection, RightSection, MainSection were added. These various additions and improvements aim to enhance the website's interface and interaction for users. --- src/components/FeaturesStats.astro | 72 ++++++++++++++++++ src/components/ui/blocks/LeftSection.astro | 41 ++++++++++ src/components/ui/blocks/MainSection.astro | 37 +++++++++ src/components/ui/blocks/RightSection.astro | 75 +++++++++++++++++++ src/components/ui/blocks/StatsBig.astro | 15 ++++ src/components/ui/blocks/StatsSmall.astro | 13 ++++ src/components/ui/forms/input/Checkbox.astro | 16 ++++ src/images/aerial-view.avif | Bin 0 -> 367127 bytes src/images/before-after-1.avif | Bin 0 -> 241511 bytes src/images/before-after.avif | Bin 0 -> 113680 bytes src/images/blueprints-image.avif | Bin 0 -> 99016 bytes src/images/construction-worker.avif | Bin 0 -> 125462 bytes src/images/construction-workers.avif | Bin 0 -> 373860 bytes src/images/person-working.avif | Bin 0 -> 58993 bytes src/images/progress-building.avif | Bin 0 -> 527376 bytes src/images/under-construction.avif | Bin 0 -> 291649 bytes src/images/using-tools.avif | Bin 0 -> 70911 bytes 17 files changed, 269 insertions(+) create mode 100644 src/components/FeaturesStats.astro create mode 100644 src/components/ui/blocks/LeftSection.astro create mode 100644 src/components/ui/blocks/MainSection.astro create mode 100644 src/components/ui/blocks/RightSection.astro create mode 100644 src/components/ui/blocks/StatsBig.astro create mode 100644 src/components/ui/blocks/StatsSmall.astro create mode 100644 src/components/ui/forms/input/Checkbox.astro create mode 100644 src/images/aerial-view.avif create mode 100644 src/images/before-after-1.avif create mode 100644 src/images/before-after.avif create mode 100644 src/images/blueprints-image.avif create mode 100644 src/images/construction-worker.avif create mode 100644 src/images/construction-workers.avif create mode 100644 src/images/person-working.avif create mode 100644 src/images/progress-building.avif create mode 100644 src/images/under-construction.avif create mode 100644 src/images/using-tools.avif diff --git a/src/components/FeaturesStats.astro b/src/components/FeaturesStats.astro new file mode 100644 index 0000000..89f3418 --- /dev/null +++ b/src/components/FeaturesStats.astro @@ -0,0 +1,72 @@ +--- +import StatsBig from "../components/ui/blocks/StatsBig.astro"; +import StatsSmall from "../components/ui/blocks/StatsSmall.astro"; + +const { title, subTitle } = Astro.props; + +interface Props { + title: string; + subTitle: string; +} + +/* TypeScript type for testimonials. */ +type Stat = { + stat: string; + description: string; +}; + +/* An array of testimonials, each being an object that conforms to the above `Testimonial` type. */ +const stats: Stat[] = [ + { + stat: "99.8%", + description: "project completion rate", + }, + { + stat: "5,000+", + description: "successful installations", + }, + { + stat: "85%", + description: "client growth year-over-year", + }, +]; +--- + +
+ {subTitle} +
++ {subTitle} +
+ {btn ?+ {subTitle} +
+ { + btn ? ( ++ {subTitle} +
+ {btn ?+ {title} + +
+{subTitle}
+{title}
+{subTitle}
+-gM^+x!6zM*zFxT)t-mmUE!_aleWn`p9QrNuURk87B)&z*U+@m2
zaU6WRm0dUZUUPCk?#z`EAGmlhiom}#R@z3n*1eHJMMzmDp2)@Xm2~&xQA{BI4Yjo&
zNRJ6>Np{E;W-e6gBmJOWH<_@@{ItUTaYCvVZZ!Y7r_)Qv)&0KCCZ;uZJqUywFk*gl
zv&mmESm%>Kb66(vVJK_gb5wbMm08sjX!w*0xf7}M);FGq#gU@
zu=$m_H(vR4>%bg7WmaqIGb>cu@0wBT=hhP=Ww7TEmPyqFL^Db2bep3FxQ%Rn8VHUR
zAh`W%bP7n~s#=v2QN55pL&xP-uxR(*3Hgh+VMIW-$TPhidUq#&v}x_kZI?CoZvvhV
z->rpx&1N*tPcow0_Jqs0Hb1E(iTPd_wfHFEIPi}H2xoD|L&oQ(r=4vet C|k2Elxq+DM*&Pk@i48*;Nq*m!$}8Nz`e_vs%A4#
zdaU+#tY0VmG7fxt)H>bq%T!w{Hy2Q3N2yog8N3&_blpis?>>)fTe}@q6PM;`oDcG<
z*-U0AUYuMhLx!UVa9Fq1TEe3AJ!lYvBXoi+M>hnoXj+T)^5d&o{-k_fLT{G<(fY3A
z 46>W{7>il@I}+1s##B*?zUWc9XSx6SX8BlmQx01QW^>UPzBdk>%>7D5f~L
zLJbr&K^daI@49Uw*|G#_rAAN~6X`E8f;F(T-)pJ8##&&Vm
JbN=rsP=y5rQ(s
Q!9YAI7q%E?_%%bgl>~|_
zwfcXX1OHcc>6;;mpxtW6hJWwD7ikZ-G)*e~1+Ki>)Y(eK)L`Ey6W-P
u7m@QR#rTPle9!ENXP`m$nPREVmfL_e^PxHcSB5LvU`J>uAHyP0Z`a#gjw?nm1l
z*5XL^Zba3XspH>h0zC