bender/9865b3cc-f03d-48fa-8f09-d0992e23365c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 4 commits from version_2 into main 2026-04-07 18:22:36 +00:00
Conversation 0 Commits 4 Files Changed 4 +58 -91
4 changed files with 58 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/layout.tsx
View File

@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { DM_Sans } from "next/font/google";
import { Cormorant_Garamond } from "next/font/google";
import { Montserrat } from "next/font/google";
@@ -20,13 +22,14 @@ export const metadata: Metadata = {
},
};
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
const cormorantGaramond = Cormorant_Garamond({
variable: "--font-cormorant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
weight: ["300"],
});
export default function RootLayout({
@@ -37,7 +40,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<body className={`${cormorantGaramond.variable} ${montserrat.variable} antialiased`}>
<Tag />
{children}
<script

114
src/app/page.tsx
View File

@@ -16,23 +16,23 @@ export default function LandingPage() {
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
sizing="large"
background="noise"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Start", id: "hero" },
{ name: "Dlaczego my", id: "why" },
{ name: "Demo", id: "demo" },
{ name: "Oferta", id: "pricing" },
{ name: "O nas", id: "why" },
{ name: "Jak to działa", id: "how" },
{ name: "Cennik", id: "pricing" },
]}
brandName="AW Studio"
/>
@@ -41,48 +41,37 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="AW STUDIO"
description="Nowoczesne strony dla lokalnych biznesów. Więcej klientów. Lepszy wizerunek. Prosta rezerwacja."
description="Nowoczesne strony dla lokalnych biznesów"
buttons={[
{ text: "Zobacz przykład", href: "#demo" },
{ text: "Napisz na Instagramie", href: "https://instagram.com/adam.websites" },
{ text: "Sprawdź ofertę", href: "#pricing" },
{ text: "Kontakt", href: "#cta" },
]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1404.jpg?_wi=1", imageAlt: "Barbershop interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1404.jpg?_wi=2", imageAlt: "Eleganckie wnętrze salonu" },
{ imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1404.jpg?_wi=3", imageAlt: "Minimalistyczny design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1404.jpg?_wi=4", imageAlt: "Nowoczesna strona WWW" },
{ imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1404.jpg?_wi=5", imageAlt: "Profesjonalne podejście" },
{ imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1404.jpg?_wi=1", imageAlt: "Hero background" },
]}
className="animate-fade-in"
/>
</div>
<div id="why" data-section="why">
<MediaAbout
useInvertedBackground={false}
title="Brak strony = tracisz klientów"
description="Dobra strona zwiększa zaufanie i kieruje klientów prosto do rezerwacji. Budujemy wizerunek, który sprzedaje Twoje usługi każdego dnia."
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1404.jpg?_wi=6"
title="Twój biznes w sieci"
description={["W AW Studio tworzymy strony, które nie tylko dobrze wyglądają, ale przede wszystkim sprzedają usługi i budują zaufanie Twoich lokalnych klientów."]}
/>
</div>
<div id="demo" data-section="demo">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
<div id="how" data-section="how">
<FaqBase
textboxLayout="split"
useInvertedBackground={true}
showStepNumbers={false}
title="Tak może wyglądać Twoja strona"
description="Projekt przygotowany na podstawie realnych salonów. Zobacz jak elegancja spotyka się z funkcjonalnością."
features={[
{
title: "Więcej klientów", description: "Lokalna widoczność na mapach", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-searching-black-friday-sales-smartphone_23-2149093512.jpg?_wi=1" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-searching-black-friday-sales-smartphone_23-2149093512.jpg?_wi=2" }
},
{
title: "Automatyczna rezerwacja", description: "Wygodne planowanie wizyt", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-searching-black-friday-sales-smartphone_23-2149093512.jpg?_wi=3" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-searching-black-friday-sales-smartphone_23-2149093512.jpg?_wi=4" }
}
faqs={[
{ id: "1", title: "Kontakt", content: "Pierwszy krok to rozmowa o Twoich potrzebach." },
{ id: "2", title: "Demo", content: "Przygotowujemy projekt podglądowy Twojej strony." },
{ id: "3", title: "Realizacja", content: "Wdrażamy stronę i dbamy o jej wydajność." },
]}
title="Jak to działa"
faqsAnimation="slide-up"
/>
</div>
@@ -93,63 +82,38 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "web", badge: "Jednorazowo", price: "od 400 zł", subtitle: "Strona WWW", buttons: [{ text: "Wybieram", href: "https://instagram.com/adam.websites" }],
features: ["Estetyczny design", "Do 5 podstron", "Formularz kontaktowy", "Podpięcie Booksy", "Szybka realizacja"],
id: "web", badge: "WWW", price: "400 zł", subtitle: "Strona WWW", buttons: [{ text: "Wybieram", href: "#cta" }],
features: ["Nowoczesny design", "Pełna responsywność", "Optymalizacja pod SEO", "Formularz kontaktowy"],
},
{
id: "sub", badge: "Miesięcznie", price: "100 zł", subtitle: "Abonament", buttons: [{ text: "Wybieram", href: "https://instagram.com/adam.websites" }],
features: ["Domena", "Hosting", "Drobne zmiany w cenie", "Certyfikat SSL"],
id: "sub", badge: "Abonament", price: "100 zł", subtitle: "Abonament", buttons: [{ text: "Wybieram", href: "#cta" }],
features: ["Domena i hosting", "Wsparcie techniczne", "Comiesięczne aktualizacje", "Certyfikat SSL"],
},
]}
title="Prosta inwestycja"
description="Wybierz model, który najlepiej wspiera Twój biznes."
/>
</div>
<div id="how" data-section="how">
<FaqBase
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "1", title: "Kontakt", content: "Piszesz do mnie na Instagramie lub mailowo." },
{ id: "2", title: "Demo", content: "W ciągu 48h dostajesz darmowy podgląd strony." },
{ id: "3", title: "Realizacja", content: "Omawiamy zmiany i finalną cenę." },
{ id: "4", title: "Wdrożenie", content: "Publikujemy stronę w sieci." },
]}
title="Jak pracujemy?"
description="Proces tworzenia strony jest szybki i bezproblemowy."
faqsAnimation="slide-up"
title="Twoja inwestycja"
description="Przejrzyste pakiety dla Twojej wygody."
/>
</div>
<div id="cta" data-section="cta">
<ContactSplitForm
useInvertedBackground={false}
title="Chcesz zobaczyć, jak może wyglądać Twoja strona?"
description="Napisz do mnie i zacznijmy przygodę z Twoim nowym wizerunkiem."
title="Gotowy na start?"
description="Napisz do nas i zacznijmy współpracę."
inputs={[
{ name: "name", type: "text", placeholder: "Twoje imię" },
{ name: "email", type: "email", placeholder: "Email lub Instagram" },
{ name: "email", type: "email", placeholder: "Twój email" },
]}
buttonText="Napisz na Instagramie"
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1404.jpg?_wi=7"
buttonText="Wyślij wiadomość"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Kontakt", items: [
{ label: "Instagram", href: "https://instagram.com/adam.websites" },
{ label: "Email", href: "mailto:adam.websites@interia.pl" },
],
},
]}
logoText="AW Studio"
columns={[]}
logoText="AW Studio · We make your business look good online"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-montserrat), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-dm-sans), sans-serif;
font-family: var(--font-cormorant), serif;
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcfaf7;
--card: #f4f1eb;
--foreground: #1a1a1a;
--primary-cta: #1a1a1a;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #ffffff;
--primary-cta-text: #fcfaf7;
--secondary-cta: #fcfaf7;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #1a1a1a;
--accent: #d4c5b9;
--background-accent: #e8e3dc;
--accent: #333333;
--background-accent: #1a1a1a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);