Skip to content

Commit 24c4f34

Browse files
filipKovachevfilipKovachev
committed
fix home and footer
1 parent f491f35 commit 24c4f34

File tree

2 files changed

+99
-85
lines changed

2 files changed

+99
-85
lines changed

‎examples/kendo-react-e-commerce-astro-app/src/components/Footer.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ const Footer: React.FC = () => {
4747
style={{ marginLeft: "50px" }}
4848
>
4949
<a href="/" className="k-d-block k-mb-4 k-text-align-center">
50-
<img src="/vilora-logo.png" alt="Logo" />
50+
<img src="/kendo-react/kendo-react-e-commerce-astro-app/vilora-logo.png" alt="Logo" />
5151
</a>
5252
<p className="k-m-0">
5353
{t.cookiesText}

‎examples/kendo-react-e-commerce-astro-app/src/components/Home.tsx‎

Lines changed: 98 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -63,93 +63,107 @@ const Home: React.FC = () => {
6363

6464
return (
6565
<LocalizationProvider language={selectedLang}>
66-
<BackgroundImage
67-
title={t.title}
68-
subtitle={t.subtitle}
69-
buttonText={t.buttonText}
70-
img="/kendo-react/kendo-react-e-commerce-astro-app/model_1.png"
71-
/>
66+
<div className="k-m-auto" style={{ maxWidth: 1280 }}>
67+
<BackgroundImage
68+
title={t.title}
69+
subtitle={t.subtitle}
70+
buttonText={t.buttonText}
71+
img="/kendo-react/kendo-react-e-commerce-astro-app/model_1.png"
72+
/>
7273

73-
{isAdminValue ? (
74-
<Layout>
75-
<div className="k-mt-8">
76-
<AdminView />
77-
</div>
78-
</Layout>
79-
) : (
80-
<>
74+
{isAdminValue ? (
8175
<Layout>
82-
<CustomSection>
83-
<OrderedImgText
84-
title={t.timelessTitle}
85-
subtitle={t.timelessSubtitle}
86-
contentText={t.timelessContent}
87-
img="/kendo-react/kendo-react-e-commerce-astro-app/homeModel2.png"
88-
order="first"
89-
link={t.buttonText}
90-
/>
91-
</CustomSection>
76+
<div className="k-mt-8">
77+
<AdminView />
78+
</div>
9279
</Layout>
93-
<Layout>
94-
<CustomSection>
95-
<OrderedImgText
96-
title={t.fineJewelryTitle}
97-
subtitle={t.fineJewelrySubtitle}
98-
contentText={t.fineJewelryContent}
99-
img="/kendo-react/kendo-react-e-commerce-astro-app/homeModel3.png"
100-
order="last"
101-
link={t.buttonText}
102-
/>
103-
</CustomSection>
104-
</Layout>
105-
<Layout>
106-
<CustomSection>
107-
<CategoryList
108-
colSpan={6}
109-
title={t.ringsTitle}
110-
subtitle={t.ringsSubtitle}
111-
data={translatedRingsData}
112-
/>
113-
</CustomSection>
114-
</Layout>
115-
<Layout>
116-
<CustomSection>
117-
<OrderedImgText
118-
title={t.watchesTitle}
119-
subtitle={t.watchesSubtitle}
120-
contentText={t.watchesContent}
121-
img="/kendo-react/kendo-react-e-commerce-astro-app/homeWatch1.png"
122-
order="first"
123-
link={t.buttonText}
124-
/>
125-
</CustomSection>
126-
</Layout>
127-
<Layout>
128-
<CustomSection>
129-
<CategoryList
130-
title={t.watchesCategoryTitle}
131-
subtitle={t.watchesCategorySubtitle}
132-
data={translatedWatchData}
133-
/>
134-
</CustomSection>
135-
</Layout>
136-
<Layout>
137-
<CustomSection>
138-
<OrderedImgText
139-
title={t.servicesTitle}
140-
subtitle={t.servicesSubtitle}
141-
contentText={t.servicesContent}
142-
img="/kendo-react/kendo-react-e-commerce-astro-app/homeServicesImage.png"
143-
order="last"
144-
link={t.learnMoreText}
145-
/>
146-
</CustomSection>
147-
</Layout>
148-
<Layout>
149-
<Testemonials />
150-
</Layout>
151-
</>
152-
)}
80+
) : (
81+
<>
82+
<Layout>
83+
<section
84+
className="k-d-grid k-grid-cols-12 k-justify-content-center k-align-items-center k-col-span-12"
85+
style={{ paddingTop: "60px" }}
86+
>
87+
<CategoryList
88+
title={t.bestsellersTitle}
89+
subtitle={t.bestsellersSubtitle}
90+
data={translatedData}
91+
/>
92+
</section>
93+
</Layout>
94+
<Layout>
95+
<CustomSection>
96+
<OrderedImgText
97+
title={t.timelessTitle}
98+
subtitle={t.timelessSubtitle}
99+
contentText={t.timelessContent}
100+
img="/kendo-react/kendo-react-e-commerce-astro-app/homeModel2.png"
101+
order="first"
102+
link={t.buttonText}
103+
/>
104+
</CustomSection>
105+
</Layout>
106+
<Layout>
107+
<CustomSection>
108+
<OrderedImgText
109+
title={t.fineJewelryTitle}
110+
subtitle={t.fineJewelrySubtitle}
111+
contentText={t.fineJewelryContent}
112+
img="/kendo-react/kendo-react-e-commerce-astro-app/homeModel3.png"
113+
order="last"
114+
link={t.buttonText}
115+
/>
116+
</CustomSection>
117+
</Layout>
118+
<Layout>
119+
<CustomSection>
120+
<CategoryList
121+
colSpan={6}
122+
title={t.ringsTitle}
123+
subtitle={t.ringsSubtitle}
124+
data={translatedRingsData}
125+
/>
126+
</CustomSection>
127+
</Layout>
128+
<Layout>
129+
<CustomSection>
130+
<OrderedImgText
131+
title={t.watchesTitle}
132+
subtitle={t.watchesSubtitle}
133+
contentText={t.watchesContent}
134+
img="/kendo-react/kendo-react-e-commerce-astro-app/homeWatch1.png"
135+
order="first"
136+
link={t.buttonText}
137+
/>
138+
</CustomSection>
139+
</Layout>
140+
<Layout>
141+
<CustomSection>
142+
<CategoryList
143+
title={t.watchesCategoryTitle}
144+
subtitle={t.watchesCategorySubtitle}
145+
data={translatedWatchData}
146+
/>
147+
</CustomSection>
148+
</Layout>
149+
<Layout>
150+
<CustomSection>
151+
<OrderedImgText
152+
title={t.servicesTitle}
153+
subtitle={t.servicesSubtitle}
154+
contentText={t.servicesContent}
155+
img="/kendo-react/kendo-react-e-commerce-astro-app/homeServicesImage.png"
156+
order="last"
157+
link={t.learnMoreText}
158+
/>
159+
</CustomSection>
160+
</Layout>
161+
<Layout>
162+
<Testemonials />
163+
</Layout>
164+
</>
165+
)}
166+
</div>
153167
</LocalizationProvider>
154168
);
155169
};

0 commit comments

Comments
 (0)