vojtech.mares/backup-websites-2024-01
Archived
1
0
Fork 0
Code Activity

refactor: rename compoments Pricing -> Services, PrimaryFeatures -> WhatIDo

Browse source 
I wanted the component names to more acurately reflect of what they do rather then non specific words
This commit is contained in:
Vojtěch Mareš 2023-06-06 14:38:10 +02:00
parent 4bb6275001
commit aa4dcc47a8
Signed by: vojtech.mares
GPG key ID: C6827B976F17240D
3 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

18
components/homepage/Pricing.tsx → components/homepage/Services.tsx
View file

@ -22,7 +22,7 @@ function SwirlyDoodle({ className }: SwirlyDoodleProps) {
); );
} }
type PlanProps = { type ServiceProps = {
name: string; name: string;
price: string; price: string;
description: string; description: string;
@ -31,14 +31,14 @@ type PlanProps = {
buttonText?: string; buttonText?: string;
}; };
function Plan({ function Service({
name, name,
price, price,
description, description,
href, href,
featured = false, featured = false,
buttonText = "Napište mi", buttonText = "Napište mi",
}: PlanProps) { }: ServiceProps) {
return ( return (
<section <section
className={clsx( className={clsx(
@ -73,11 +73,11 @@ function Plan({
); );
} }
export function Pricing() { export function Services() {
return ( return (
<section <section
id="pricing" id="services"
aria-label="Pricing" aria-label="Services"
className="bg-black py-20 sm:py-32" className="bg-black py-20 sm:py-32"
> >
<Container> <Container>
@ -94,13 +94,13 @@ export function Pricing() {
</p> </p>
</div> </div>
<div className="-mx-4 mt-16 grid max-w-2xl grid-cols-1 gap-y-10 sm:mx-auto lg:-mx-8 lg:max-w-none lg:grid-cols-3 xl:mx-0 xl:gap-x-8"> <div className="-mx-4 mt-16 grid max-w-2xl grid-cols-1 gap-y-10 sm:mx-auto lg:-mx-8 lg:max-w-none lg:grid-cols-3 xl:mx-0 xl:gap-x-8">
<Plan <Service
name="Konzultace" name="Konzultace"
price="2 000 CZK za hodinu" price="2 000 CZK za hodinu"
description="Chcete se poradit nebo si nevíte rady? Projdeme Váš současný stav a najdeme kde je problém a navrhneme řešení." description="Chcete se poradit nebo si nevíte rady? Projdeme Váš současný stav a najdeme kde je problém a navrhneme řešení."
href="mailto:iam@vojtechmares.com" href="mailto:iam@vojtechmares.com"
/> />
<Plan <Service
featured featured
name="Firemní školení" name="Firemní školení"
price="24 000 CZK za jednodenní školení" price="24 000 CZK za jednodenní školení"
@ -108,7 +108,7 @@ export function Pricing() {
href="/#skoleni" href="/#skoleni"
buttonText="Seznam školení" buttonText="Seznam školení"
/> />
<Plan <Service
name="Implementace" name="Implementace"
price="Cena dohodou" price="Cena dohodou"
description="Analyzujeme Vaši situaci, projdeme možnosti, vybereme nejlepší řešení a společně jej nasadíme." description="Analyzujeme Vaši situaci, projdeme možnosti, vybereme nejlepší řešení a společně jej nasadíme."

2
components/homepage/PrimaryFeatures.tsx → components/homepage/WhatIDo.tsx
View file

@ -25,7 +25,7 @@ const steps = [
}, },
]; ];
export function PrimaryFeatures() { export function WhatIDo() {
return ( return (
<section <section
id="features" id="features"

8
pages/index.tsx
View file

@ -5,8 +5,8 @@ import { Hero } from "@/components/homepage/Hero";
import { CallToAction } from "@/components/homepage/CallToAction"; import { CallToAction } from "@/components/homepage/CallToAction";
import { Faqs } from "@/components/homepage/Faqs"; import { Faqs } from "@/components/homepage/Faqs";
import { Footer } from "@/components/layout/Footer"; import { Footer } from "@/components/layout/Footer";
import { Pricing } from "@/components/homepage/Pricing"; import { Services } from "@/components/homepage/Services";
import { PrimaryFeatures } from "@/components/homepage/PrimaryFeatures"; import { WhatIDo } from "@/components/homepage/WhatIDo";
import { Testimonials } from "@/components/homepage/Testimonials"; import { Testimonials } from "@/components/homepage/Testimonials";
import { KubernetesEverywhere } from "@/components/homepage/KubernetesEverywhere"; import { KubernetesEverywhere } from "@/components/homepage/KubernetesEverywhere";
import { TrainingList } from "@/components/homepage/Training"; import { TrainingList } from "@/components/homepage/Training";
@ -25,12 +25,12 @@ export default function Home() {
<main> <main>
<Header /> <Header />
<Hero /> <Hero />
<PrimaryFeatures /> <WhatIDo />
<TrainingList /> <TrainingList />
<KubernetesEverywhere /> <KubernetesEverywhere />
<CallToAction /> <CallToAction />
<Testimonials /> <Testimonials />
<Pricing /> <Services />
{/* <Faqs /> */} {/* <Faqs /> */}
</main> </main>
<Footer /> <Footer />