Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 43d769f7ef | |||
| ac3023b0a1 | |||
| e6aaec0ec6 | |||
| c60de91b08 | |||
| 1f15d19288 | |||
| 2f4b5ec638 | |||
| 9394237d7e | |||
| a43be030ef | |||
| e42dc30b97 | |||
| 188cbf8fc7 | |||
| dcd7c1bc66 | |||
| cc50e3ad1a | |||
| 236d3bb08d | |||
| 4811974233 | |||
| 38bf9cf9be | |||
| da821549ad | |||
| 8805fad047 | |||
| 2c6f2b5bf0 |
@@ -1,5 +1,40 @@
|
||||
@import "tailwindcss";
|
||||
@import "./styles/variables.css";
|
||||
@import "./styles/theme.css";
|
||||
@import "./styles/utilities.css";
|
||||
@import "./styles/base.css";
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
@apply font-semibold;
|
||||
}
|
||||
}
|
||||
|
||||
@layer components {
|
||||
.primary-button {
|
||||
@apply bg-primary-cta text-primary-cta-text;
|
||||
}
|
||||
|
||||
.secondary-button {
|
||||
@apply bg-secondary-cta text-secondary-cta-text;
|
||||
}
|
||||
|
||||
.star-rating-golden {
|
||||
--star-color: #FFD700;
|
||||
--star-glow: 0 0 10px rgba(255, 215, 0, 0.6);
|
||||
}
|
||||
|
||||
.star-rating-golden svg {
|
||||
fill: #FFD700;
|
||||
filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.8));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -42,7 +42,7 @@ export default function HomePage() {
|
||||
|
||||
<div id="hero" data-section="hero" className="min-h-screen py-20">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Mond"
|
||||
logoText=""
|
||||
description="Премиальные веб-решения для бизнеса, требующего совершенства. Мы создаём адаптивные, высокопроизводительные веб-сайты, которые превращают посетителей в клиентов."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
@@ -53,7 +53,7 @@ export default function HomePage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/modern-web-development-dashboard-with-el-1772538577472-0c838fe5.png"
|
||||
imageAlt="Витрина веб-разработки"
|
||||
frameStyle="browser"
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="none"
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
@@ -74,10 +74,11 @@ export default function HomePage() {
|
||||
id: "optimization", title: "Оптимизация производительности", description: "Оптимизация скорости, безопасности и SEO встроена в каждый проект. Мы гарантируем, что ваш сайт загружается мгновенно, хорошо ранжируется в поисковых системах и обеспечивает исключительный пользовательский опыт.", tag: "Оптимизация", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQxJRmTnamx9ofjvEZzdJdepY5/performance-analytics-dashboard-showing--1772538578019-7c992a4d.png?_wi=1", imageAlt: "Метрики производительности"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Узнать больше", href: "/services" }]}
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,9 +114,11 @@ export default function HomePage() {
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttonAnimation="none"
|
||||
ratingClassName="star-rating-golden"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,9 +136,10 @@ export default function HomePage() {
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-the-seasons), sans-serif;
|
||||
font-family: var(--font-poppins), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-the-seasons), sans-serif;
|
||||
font-family: var(--font-poppins), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user