redrockjs/ocenka-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: header menus

Browse Source
This commit is contained in:
Valery Grunenko
2025-06-26 16:12:20 +03:00
parent cbd1f97eba
commit 5c05f9c2bb
21 changed files with 792 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/home/index.ts Normal file
View File

@@ -0,0 +1 @@
export { default as Home } from './ui';

15
src/views/home/styles.module.scss Normal file
View File

@@ -0,0 +1,15 @@
.Header {
display: flex;
flex-direction: column;
}
.Container {
margin: 0 auto;
width: rem(1540px);
padding: 40px 0;
}
.Footer {
margin: 0 auto;
width: rem(1540px);
}

279
src/views/home/ui.tsx Normal file
View File

@@ -0,0 +1,279 @@
import s from './styles.module.scss';
import { BaseMenu, TopMenu } from '@/entities';
export default function Main() {
return (
<main>
<header className={s.Header}>
<TopMenu />
<BaseMenu />
</header>
<section className={s.Container}>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores
cupiditate delectus dicta dignissimos eius esse est eum harum minus
omnis perspiciatis quaerat, quasi quia, quod ratione tempora vel velit
voluptates.
</div>
<div>
Accusamus aliquam cumque dignissimos quasi repudiandae suscipit
veniam! Accusamus atque commodi distinctio dolorum esse exercitationem
explicabo, facilis in mollitia neque nostrum officia praesentium quod
ratione, repudiandae, tempora totam ut vel?
</div>
<div>
Atque corporis dignissimos dolorem enim et eum fuga fugiat fugit
inventore iure iusto minima, nesciunt odio sed soluta vel voluptates.
A accusamus dolor earum excepturi odit quaerat repudiandae sed
tempore!
</div>
<div>
Commodi cumque ducimus incidunt, nam numquam quo tempora voluptas?
Debitis iure, vero. Aperiam atque beatae delectus dolores enim facilis
fuga, ipsam laborum minus, molestiae obcaecati odio pariatur quis
reiciendis voluptate?
</div>
<div>
Adipisci aspernatur consequatur cum distinctio ea error ex explicabo
fuga harum hic itaque molestiae nesciunt, omnis placeat reprehenderit
rerum sed temporibus vel! Doloribus facilis id labore quia quisquam
sequi voluptate.
</div>
<div>
Adipisci atque dolorem ducimus enim facere fugit incidunt ipsam ipsum
laudantium magni minima mollitia neque nesciunt nostrum odio officia
perferendis quam, qui quia quisquam similique sunt temporibus vel
veritatis vitae?
</div>
<div>
Culpa fuga incidunt magni nemo porro quas quia quod sunt voluptas
voluptate. Blanditiis ducimus eos eum facere fuga hic laborum minus,
mollitia necessitatibus officiis perspiciatis recusandae, rerum saepe,
temporibus ut?
</div>
<div>
Consequatur ducimus eius, illo ipsa laborum magnam nesciunt numquam
officia porro provident quasi reprehenderit sapiente sed temporibus
unde vel veniam voluptatem. Amet commodi illum minus optio praesentium
quis repellat, repudiandae.
</div>
<div>
A ad aperiam architecto aut autem consequuntur cumque dolor ducimus ea
eligendi ipsa iste laudantium magni maxime minima nostrum officia
pariatur quae quasi quia quo, reiciendis repudiandae, saepe ullam
voluptatum!
</div>
<div>
Aperiam, aut commodi corporis dignissimos, eaque enim eos harum ipsa
optio quia quos reiciendis, repellat. Architecto dolores error minus
nihil non numquam, omnis optio porro tempora! Error eveniet nisi quod?
</div>
<div>
Ab ad adipisci alias amet consequatur delectus deserunt dignissimos
distinctio dolor eius id ipsa, laboriosam libero nam natus non numquam
quidem quis quod rem saepe, tempora tenetur unde vel velit?
</div>
<div>
Aliquam at consectetur culpa debitis doloribus ducimus eligendi
eveniet facere fugiat ipsam itaque, laudantium maiores maxime
molestiae molestias mollitia necessitatibus nisi numquam obcaecati
quaerat quidem quis recusandae rerum, vel voluptas?
</div>
<div>
Ab ad alias aliquam, amet corporis cumque doloribus ducimus ea error
et excepturi exercitationem, explicabo impedit iste iure laudantium
necessitatibus optio pariatur quia quidem ratione, rem similique sint
totam voluptatem?
</div>
<div>
Eius ipsa nihil odio perspiciatis sed sequi tempora, ullam?
Consequuntur enim ex illo laborum nam, repellat tempore totam ut
voluptatibus! Ad assumenda blanditiis distinctio dolorem, ex illum
iusto magnam tempore.
</div>
<div>
Aspernatur consequatur delectus deleniti est fugit laborum minima nisi
quos suscipit vero. Accusantium ex illum maxime numquam obcaecati
perspiciatis, quod reiciendis temporibus vitae. Eos laboriosam nostrum
odit quidem reiciendis vitae.
</div>
<div>
Animi at libero minima necessitatibus obcaecati, officia perferendis
quo! Ab ad dolorum excepturi laborum libero, officia quibusdam
sapiente! Accusamus adipisci consectetur cumque debitis dolore id
impedit nesciunt nisi omnis voluptas.
</div>
<div>
Accusantium animi debitis ducimus, iste molestias quos rem.
Consectetur dicta, doloremque error eveniet excepturi fugit in,
incidunt natus nulla omnis, quia quidem quisquam sint soluta
voluptatibus. Eveniet maxime quae recusandae.
</div>
<div>
Ad aliquam architecto distinctio eius eos maxime minima optio porro
quis voluptatem. Accusantium atque debitis eligendi esse hic ipsam
ipsum, nihil officia perspiciatis quasi rerum soluta, tempora vel
voluptas voluptatibus.
</div>
<div>
Aperiam dolor exercitationem expedita illum labore modi molestias
repudiandae saepe velit voluptas. Accusamus consequuntur, dignissimos
eius eligendi fuga harum illo illum nam, nulla, odit officia quaerat
quis reiciendis sit tempore!
</div>
<div>
A aliquam asperiores consequatur cum dignissimos distinctio dolorem
eius eos eum excepturi expedita impedit laborum molestiae mollitia,
natus quam quidem quis quo reprehenderit similique tempore unde
veritatis voluptatem, voluptatibus voluptatum?
</div>
<div>
Accusamus adipisci assumenda beatae consequatur, eum exercitationem
explicabo maxime obcaecati officiis porro quae qui ratione sapiente
sequi suscipit velit veritatis? Harum molestiae quis quod? Et harum
neque quam reprehenderit voluptates!
</div>
<div>
Aspernatur deleniti distinctio, illum, inventore iure labore maiores
nemo quod sapiente sit voluptas, voluptatem! Minus nobis perspiciatis
rem velit. Delectus, dolores natus? Eos laborum laudantium molestiae,
nobis perferendis unde. Animi.
</div>
<div>
Dolores magni nulla quasi? Accusamus aliquam animi aperiam corporis
distinctio eligendi explicabo illo ipsum laboriosam laborum maiores
molestias obcaecati optio provident, quae, quaerat quas quisquam rerum
saepe voluptatum? Asperiores, unde.
</div>
<div>
Dignissimos distinctio dolore, ea error fugiat ipsum modi pariatur
praesentium quia velit. Aliquam aut consequuntur corporis, debitis
esse hic iste laboriosam magni mollitia natus non obcaecati placeat
quia recusandae veniam?
</div>
<div>
Accusantium aliquam corporis debitis distinctio dolore dolorem earum
eligendi fugiat harum impedit ipsam, libero magni minus molestias nisi
odit officiis possimus quae, quaerat quia quibusdam sit sunt totam ut
vel?
</div>
<div>
Animi assumenda dicta dignissimos itaque, nesciunt quo. Aliquam
asperiores aspernatur delectus deleniti dolorem, dolorum eaque ex
exercitationem expedita fugit id, iusto mollitia nesciunt officia quam
suscipit temporibus ullam ut voluptates.
</div>
<div>
Ad, at consequuntur dicta dolor, eius ex excepturi, fugit ipsum nisi
nostrum numquam qui reprehenderit sint suscipit tempora unde
voluptatibus. Dicta doloremque eaque est in nemo perspiciatis quae
quisquam, similique?
</div>
<div>
Accusantium culpa eaque eius id incidunt ipsam ipsum, laboriosam
nesciunt recusandae, repellendus temporibus vel voluptates voluptatum.
Aliquid consectetur dolores in praesentium voluptate? Accusamus
consequuntur delectus facilis fuga nulla saepe veritatis?
</div>
<div>
A aliquid animi commodi dolor est in, iure magnam molestias nesciunt
numquam quam, repellat sunt, veniam! Consectetur facere neque nulla
quos saepe! Dicta eum impedit molestias officiis temporibus tenetur
vitae?
</div>
<div>
Animi dignissimos fugiat nihil odit perspiciatis soluta! Commodi
consectetur cupiditate iusto, possimus veritatis voluptas voluptatem.
Adipisci, alias consequuntur cum impedit itaque, minima modi natus
nulla quaerat quam quidem sed unde!
</div>
<div>
Accusantium ad aliquid animi aspernatur corporis cumque cupiditate
delectus dolore ea expedita id iste, iure laudantium maiores modi odio
quae quas quis quod quos recusandae rerum sunt totam veniam
voluptatibus?
</div>
<div>
Aperiam, aspernatur cum dolorum error exercitationem fuga id
necessitatibus nisi quo rem repudiandae soluta veniam? A architecto
commodi consequuntur culpa deserunt ducimus est et fugit, iusto nihil
odio quo rem?
</div>
<div>
Alias distinctio dolorem ducimus eaque, eligendi error eveniet harum
iste iure modi mollitia odit perspiciatis praesentium quaerat quam
quidem rem repudiandae rerum sed sequi sit soluta ut veniam veritatis
voluptate.
</div>
<div>
Cumque debitis eaque, error fugiat hic molestias placeat unde?
Accusamus, ad, amet architecto at beatae culpa deleniti expedita
labore magni maiores maxime odio quos repudiandae soluta voluptate?
Esse, nisi, provident.
</div>
<div>
A aperiam autem eius error expedita id incidunt ipsum molestias nulla
porro reprehenderit, velit, vero voluptatem voluptatibus voluptatum!
Doloremque ducimus eum expedita molestias numquam porro quisquam
ratione repellendus tenetur voluptatibus.
</div>
<div>
A accusamus architecto asperiores consectetur, consequuntur culpa cum
error est, explicabo illum impedit ipsum magnam, molestias nulla
obcaecati officiis pariatur possimus quia recusandae reprehenderit
tempora tempore ullam vitae voluptatem voluptatibus!
</div>
<div>
A accusantium alias aliquam aut blanditiis consequatur cumque delectus
distinctio doloremque eligendi error et inventore ipsa ipsum iste
laborum neque odit qui quia, quo repudiandae saepe sit, totam vitae
voluptatem!
</div>
<div>
Alias, aliquam animi aspernatur blanditiis consectetur consequatur
corporis cupiditate, dolorum error esse impedit laudantium magni
maiores natus non nulla odit perferendis quam, similique soluta
suscipit tenetur totam vel veniam voluptatem!
</div>
<div>
Consequatur corporis cumque, dolore earum esse et fuga itaque laborum
magni maiores modi nihil odit officia officiis omnis praesentium, quae
quo quod ratione repellendus soluta suscipit, ullam! Accusamus, est,
reprehenderit!
</div>
<div>
At consectetur debitis dolores, dolorum et expedita laboriosam minus
nemo nihil numquam perspiciatis quas quibusdam repellendus repudiandae
sint tenetur, voluptatibus. Alias dignissimos, labore laudantium nemo
numquam reprehenderit repudiandae similique vero?
</div>
<div>
Architecto dignissimos enim et laboriosam quibusdam quisquam
reprehenderit rerum vel veniam voluptatum. Delectus facere modi
veritatis. A ad eaque eligendi enim fugiat harum maiores mollitia nisi
optio quibusdam sint, voluptate.
</div>
<div>
Ab commodi iste laboriosam laudantium maiores maxime non odit placeat
quaerat quas reiciendis, sequi temporibus, totam vel veritatis!
Doloremque eveniet expedita, fuga quam quis recusandae veniam?
Exercitationem repellendus veniam voluptates?
</div>
<div>
Animi aperiam asperiores autem delectus dignissimos illo impedit
ipsam, iusto natus numquam pariatur quae qui quis quisquam ratione
sequi sit suscipit ullam unde vel! Alias autem nemo odit quod
voluptate.
</div>
<div>
Accusamus aspernatur consectetur culpa cum cumque cupiditate doloribus
ducimus explicabo hic, id ipsa laboriosam maiores, molestiae nobis
quasi quia quod rem tempora tempore, voluptatem. Alias atque labore
maiores quia reprehenderit.
</div>
</section>
<footer className={s.Footer}>footer</footer>
</main>
);
}