Update src/pages/HomePage.tsx
This commit is contained in:
@@ -10,195 +10,102 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitMediaGrid
|
||||
tag="Expertise"
|
||||
title="Strategisk rådgivning för din verksamhet"
|
||||
description="Vi hjälper företag att växa genom tydliga strategier och effektiv implementering. Låt oss ta nästa steg tillsammans."
|
||||
primaryButton={{
|
||||
text: "Boka möte",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Läs mer",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-businesswomen-collaborating-corporate-office_482257-118682.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-top-view-office-table-desk-workspace-background_1150-6666.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expertise"
|
||||
title="Strategisk rådgivning för din verksamhet"
|
||||
description="Vi hjälper företag att växa genom tydliga strategier och effektiv implementering. Låt oss ta nästa steg tillsammans."
|
||||
primaryButton={{ text: "Boka möte", href: "#contact" }}
|
||||
secondaryButton={{ text: "Läs mer", href: "#about" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ambitious-businesswomen-collaborating-corporate-office_482257-118682.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-top-view-office-table-desk-workspace-background_1150-6666.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Varför välja oss?"
|
||||
descriptions={[
|
||||
"Med många års erfarenhet inom konsultverksamhet erbjuder vi skräddarsydda lösningar som ger mätbara resultat.",
|
||||
"Vårt fokus ligger på hållbar tillväxt, tydlig kommunikation och långsiktiga kundrelationer.",
|
||||
"Vi strävar alltid efter att förenkla komplexa utmaningar och göra dem till affärsmöjligheter.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Varför välja oss?"
|
||||
descriptions={[
|
||||
"Med många års erfarenhet inom konsultverksamhet erbjuder vi skräddarsydda lösningar som ger mätbara resultat.", "Vårt fokus ligger på hållbar tillväxt, tydlig kommunikation och långsiktiga kundrelationer.", "Vi strävar alltid efter att förenkla komplexa utmaningar och göra dem till affärsmöjligheter."]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesComparison
|
||||
tag="Tjänster"
|
||||
title="Vad vi erbjuder"
|
||||
description="Vi jämför traditionella metoder med moderna, agila arbetssätt för att optimera din verksamhet."
|
||||
negativeItems={[
|
||||
"Ineffektiva processer",
|
||||
"Otydliga mål",
|
||||
"Dålig kommunikation",
|
||||
]}
|
||||
positiveItems={[
|
||||
"Effektiva flöden",
|
||||
"Mätbara strategier",
|
||||
"Transparens i varje steg",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Tjänster"
|
||||
title="Vad vi erbjuder"
|
||||
description="Vi jämför traditionella metoder med moderna, agila arbetssätt för att optimera din verksamhet."
|
||||
negativeItems={["Ineffektiva processer", "Otydliga mål", "Dålig kommunikation"]}
|
||||
positiveItems={["Effektiva flöden", "Mätbara strategier", "Transparens i varje steg"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Resultat"
|
||||
title="Kvalitet i siffror"
|
||||
description="Vårt fokus på resultat gör skillnad i praktiken."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Projekt genomförda",
|
||||
features: [
|
||||
"Företagsutveckling",
|
||||
"Digitalisering",
|
||||
"Ledarskapsstöd",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Kundnöjdhet",
|
||||
features: [
|
||||
"Hög leveransförmåga",
|
||||
"Personlig kontakt",
|
||||
"Expertis",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "År i branschen",
|
||||
features: [
|
||||
"Långsiktighet",
|
||||
"Stabilitet",
|
||||
"Erfarenhet",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Resultat"
|
||||
title="Kvalitet i siffror"
|
||||
description="Vårt fokus på resultat gör skillnad i praktiken."
|
||||
metrics={[
|
||||
{ value: "150+", title: "Projekt genomförda", features: ["Företagsutveckling", "Digitalisering", "Ledarskapsstöd"] },
|
||||
{ value: "95%", title: "Kundnöjdhet", features: ["Hög leveransförmåga", "Personlig kontakt", "Expertis"] },
|
||||
{ value: "12", title: "År i branschen", features: ["Långsiktighet", "Stabilitet", "Erfarenhet"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Referenser"
|
||||
title="Vad våra kunder säger"
|
||||
description="Förtroende är vår viktigaste valuta."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna Lind",
|
||||
role: "CEO",
|
||||
quote: "EPAB har hjälpt oss transformera vårt sätt att arbeta. Extremt professionella.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Erik Berg",
|
||||
role: "Projektledare",
|
||||
quote: "Tydliga strategier och en genomförandekraft jag sällan skådat hos konsulter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia Holm",
|
||||
role: "Marknadschef",
|
||||
quote: "Vi fick precis den vägledning vi behövde för att växa. Rekommenderas varmt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Johan Ek",
|
||||
role: "VD",
|
||||
quote: "Enastående support och otrolig förståelse för vår specifika bransch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10626.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Sjögren",
|
||||
role: "Entreprenör",
|
||||
quote: "Resultaten talar för sig själva. Vi har ökat vår effektivitet med 30%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Referenser"
|
||||
title="Vad våra kunder säger"
|
||||
description="Förtroende är vår viktigaste valuta."
|
||||
testimonials={[
|
||||
{ name: "Anna Lind", role: "CEO", quote: "EPAB har hjälpt oss transformera vårt sätt att arbeta. Extremt professionella.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
|
||||
{ name: "Erik Berg", role: "Projektledare", quote: "Tydliga strategier och en genomförandekraft jag sällan skådat hos konsulter.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg" },
|
||||
{ name: "Sofia Holm", role: "Marknadschef", quote: "Vi fick precis den vägledning vi behövde för att växa. Rekommenderas varmt.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg" },
|
||||
{ name: "Johan Ek", role: "VD", quote: "Enastående support och otrolig förståelse för vår specifika bransch.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10626.jpg" },
|
||||
{ name: "Maria Sjögren", role: "Entreprenör", quote: "Resultaten talar för sig själva. Vi har ökat vår effektivitet med 30%.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Frågor & Svar"
|
||||
title="Vanliga frågor"
|
||||
description="Vi har sammanställt svar på de vanligaste frågorna vi får."
|
||||
items={[
|
||||
{
|
||||
question: "Hur startar vi ett samarbete?",
|
||||
answer: "Boka ett första möte genom vår kontaktform så hör vi av oss inom kort.",
|
||||
},
|
||||
{
|
||||
question: "Vilka branscher jobbar ni mot?",
|
||||
answer: "Vi arbetar brett, främst med tjänsteföretag och mindre tillväxtbolag.",
|
||||
},
|
||||
{
|
||||
question: "Vad kostar konsultation?",
|
||||
answer: "Vi skräddarsyr offerten efter projektets omfattning och behov.",
|
||||
},
|
||||
{
|
||||
question: "Har ni kontor i närheten?",
|
||||
answer: "Vi arbetar främst digitalt för att vara tillgängliga över hela landet.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Frågor & Svar"
|
||||
title="Vanliga frågor"
|
||||
description="Vi har sammanställt svar på de vanligaste frågorna vi får."
|
||||
items={[
|
||||
{ question: "Hur startar vi ett samarbete?", answer: "Boka ett första möte genom vår kontaktform så hör vi av oss inom kort." },
|
||||
{ question: "Vilka branscher jobbar ni mot?", answer: "Vi arbetar brett, främst med tjänsteföretag och mindre tillväxtbolag." },
|
||||
{ question: "Vad kostar konsultation?", answer: "Vi skräddarsyr offerten efter projektets omfattning och behov." },
|
||||
{ question: "Har ni kontor i närheten?", answer: "Vi arbetar främst digitalt för att vara tillgängliga över hela landet." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Kontakt"
|
||||
text="Är du redo att ta nästa steg? Kontakta oss idag för ett förutsättningslöst samtal."
|
||||
primaryButton={{
|
||||
text: "Skicka förfrågan",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Ring oss nu",
|
||||
href: "tel:0812345678",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kontakt"
|
||||
text="Är du redo att ta nästa steg? Kontakta oss idag för ett förutsättningslöst samtal."
|
||||
primaryButton={{ text: "Skicka förfrågan", href: "#" }}
|
||||
secondaryButton={{ text: "Ring oss nu", href: "tel:0812345678" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user