Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b54cd9e43d |
198
src/app/page.tsx
198
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Start",
|
name: "Start", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Om oss",
|
name: "Om oss", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Tjänster",
|
name: "Tjänster", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Kontakt",
|
name: "Kontakt", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="CorpDesign"
|
brandName="CorpDesign"
|
||||||
/>
|
/>
|
||||||
@@ -56,42 +48,27 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Framtidens företagslösningar"
|
title="Framtidens företagslösningar"
|
||||||
description="Vi hjälper företag att växa genom moderna digitala strategier och innovativa lösningar som skapar långsiktigt värde."
|
description="Vi hjälper företag att växa genom moderna digitala strategier och innovativa lösningar som skapar långsiktigt värde."
|
||||||
tag="Innovationspartner"
|
tag="Innovationspartner"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Läs mer",
|
text: "Läs mer", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-working-room-office-building_105762-1712.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-working-room-office-building_105762-1712.jpg", imageAlt: "Modern kontorsmiljö"},
|
||||||
imageAlt: "Modern kontorsmiljö",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/executives-with-digital-tablet-having-meeting-office_1098-1881.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/executives-with-digital-tablet-having-meeting-office_1098-1881.jpg", imageAlt: "Teamarbete"},
|
||||||
imageAlt: "Teamarbete",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-geometrical-shapes-background_23-2148811541.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/white-geometrical-shapes-background_23-2148811541.jpg", imageAlt: "Dataanalys"},
|
||||||
imageAlt: "Dataanalys",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-skyscraper-against-blue-sky-view-from-bottom_93675-134753.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-skyscraper-against-blue-sky-view-from-bottom_93675-134753.jpg", imageAlt: "Arkitektur"},
|
||||||
imageAlt: "Arkitektur",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg", imageAlt: "Affärsteknik"},
|
||||||
imageAlt: "Affärsteknik",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-books-blue-table-work-desk_169016-48930.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-books-blue-table-work-desk_169016-48930.jpg", imageAlt: "Arbetsflöde"},
|
||||||
imageAlt: "Arbetsflöde",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -103,17 +80,11 @@ export default function LandingPage() {
|
|||||||
description="Med över ett decennium av erfarenhet inom branschen bygger vi broar mellan komplexa affärsbehov och effektiva tekniska lösningar."
|
description="Med över ett decennium av erfarenhet inom branschen bygger vi broar mellan komplexa affärsbehov och effektiva tekniska lösningar."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
value: "150+",
|
value: "150+", title: "Projekt levererade"},
|
||||||
title: "Projekt levererade",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "98%",
|
value: "98%", title: "Nöjda kunder"},
|
||||||
title: "Nöjda kunder",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "24/7",
|
value: "24/7", title: "Support"},
|
||||||
title: "Support",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-hotel-lobby_74190-4475.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-hotel-lobby_74190-4475.jpg"
|
||||||
imageAlt="Kontorsinteriör"
|
imageAlt="Kontorsinteriör"
|
||||||
@@ -129,35 +100,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Strategisk rådgivning", tags: [
|
||||||
title: "Strategisk rådgivning",
|
"Strategi", "Affärsutveckling"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg", imageAlt: "Strategi"},
|
||||||
"Strategi",
|
|
||||||
"Affärsutveckling",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg",
|
|
||||||
imageAlt: "Strategi",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Digital transformation", tags: [
|
||||||
title: "Digital transformation",
|
"Tech", "Cloud"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg", imageAlt: "Digital transformation"},
|
||||||
"Tech",
|
|
||||||
"Cloud",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg",
|
|
||||||
imageAlt: "Digital transformation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Datasäkerhet", tags: [
|
||||||
title: "Datasäkerhet",
|
"Security", "Data"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-health-security-data-protection-concept_84443-83688.jpg", imageAlt: "Säkerhet"},
|
||||||
"Security",
|
|
||||||
"Data",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-health-security-data-protection-concept_84443-83688.jpg",
|
|
||||||
imageAlt: "Säkerhet",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Våra tjänster"
|
title="Våra tjänster"
|
||||||
description="Vi erbjuder ett brett spektrum av tjänster för att stötta er digitala transformation."
|
description="Vi erbjuder ett brett spektrum av tjänster för att stötta er digitala transformation."
|
||||||
@@ -172,25 +125,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "25%", title: "Ökad lönsamhet", description: "Genomsnittlig ökning för våra kunder.", icon: TrendingUp,
|
||||||
value: "25%",
|
|
||||||
title: "Ökad lönsamhet",
|
|
||||||
description: "Genomsnittlig ökning för våra kunder.",
|
|
||||||
icon: TrendingUp,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "100k", title: "Användare", description: "Aktiva användare i våra system.", icon: Users,
|
||||||
value: "100k",
|
|
||||||
title: "Användare",
|
|
||||||
description: "Aktiva användare i våra system.",
|
|
||||||
icon: Users,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "50+", title: "Partners", description: "Starka samarbetspartners globalt.", icon: Award,
|
||||||
value: "50+",
|
|
||||||
title: "Partners",
|
|
||||||
description: "Starka samarbetspartners globalt.",
|
|
||||||
icon: Award,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Resultat som räknas"
|
title="Resultat som räknas"
|
||||||
@@ -206,25 +147,15 @@ export default function LandingPage() {
|
|||||||
author="Anna Larsson, VD på TechGroup"
|
author="Anna Larsson, VD på TechGroup"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-serious-worker-with-glasses_1098-4076.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-serious-worker-with-glasses_1098-4076.jpg", alt: "Anna"},
|
||||||
alt: "Anna",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/female-entrepreneur-reading-business-reports-drinking-coffee-while-sitting-her-desk-office-there-are-people-background_637285-52.jpg",
|
src: "http://img.b2bpic.net/free-photo/female-entrepreneur-reading-business-reports-drinking-coffee-while-sitting-her-desk-office-there-are-people-background_637285-52.jpg", alt: "Michael"},
|
||||||
alt: "Michael",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
|
src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg", alt: "David"},
|
||||||
alt: "David",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/column-business-working-mobile-tie_1157-3667.jpg",
|
src: "http://img.b2bpic.net/free-photo/column-business-working-mobile-tie_1157-3667.jpg", alt: "Emily"},
|
||||||
alt: "Emily",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg",
|
src: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg", alt: "Marcus"},
|
||||||
alt: "Marcus",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -237,20 +168,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Hur kommer vi igång?", content: "Kontakta oss för en första konsultation."},
|
||||||
title: "Hur kommer vi igång?",
|
|
||||||
content: "Kontakta oss för en första konsultation.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Vad kostar det?", content: "Priset varierar baserat på projektets omfattning."},
|
||||||
title: "Vad kostar det?",
|
|
||||||
content: "Priset varierar baserat på projektets omfattning.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Hur lång tid tar ett projekt?", content: "Tidsramen beror på komplexiteten i uppdraget."},
|
||||||
title: "Hur lång tid tar ett projekt?",
|
|
||||||
content: "Tidsramen beror på komplexiteten i uppdraget.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Vanliga frågor"
|
title="Vanliga frågor"
|
||||||
description="Här har vi samlat svar på de vanligaste frågorna vi får från våra kunder."
|
description="Här har vi samlat svar på de vanligaste frågorna vi får från våra kunder."
|
||||||
@@ -267,35 +189,11 @@ export default function LandingPage() {
|
|||||||
description="Håll dig uppdaterad med de senaste trenderna inom branschen."
|
description="Håll dig uppdaterad med de senaste trenderna inom branschen."
|
||||||
blogs={[
|
blogs={[
|
||||||
{
|
{
|
||||||
id: "b1",
|
id: "b1", category: "Tech", title: "Framtidens AI", excerpt: "Hur AI förändrar företagsstrukturer.", imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16898.jpg", authorName: "Erik", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", date: "2023-10-01"},
|
||||||
category: "Tech",
|
|
||||||
title: "Framtidens AI",
|
|
||||||
excerpt: "Hur AI förändrar företagsstrukturer.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/student-boy-using-laptop-learning-online-education_1150-16898.jpg",
|
|
||||||
authorName: "Erik",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
|
||||||
date: "2023-10-01",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "b2",
|
id: "b2", category: "Business", title: "Digital tillväxt", excerpt: "Att växa digitalt är avgörande.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office-with-computers_23-2149307806.jpg", authorName: "Lisa", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-man-with-diagram_23-2147669294.jpg", date: "2023-10-05"},
|
||||||
category: "Business",
|
|
||||||
title: "Digital tillväxt",
|
|
||||||
excerpt: "Att växa digitalt är avgörande.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-designers-working-office-with-computers_23-2149307806.jpg",
|
|
||||||
authorName: "Lisa",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-man-with-diagram_23-2147669294.jpg",
|
|
||||||
date: "2023-10-05",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "b3",
|
id: "b3", category: "Security", title: "Säkra nätverk", excerpt: "Säkerhet i molnet är prio.", imageSrc: "http://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg", authorName: "Johan", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", date: "2023-10-10"},
|
||||||
category: "Security",
|
|
||||||
title: "Säkra nätverk",
|
|
||||||
excerpt: "Säkerhet i molnet är prio.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg",
|
|
||||||
authorName: "Johan",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
|
||||||
date: "2023-10-10",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -304,11 +202,11 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
|
||||||
tag="Kontakta oss"
|
tag="Kontakta oss"
|
||||||
title="Börja din resa idag"
|
title="Börja din resa idag"
|
||||||
description="Vi ser fram emot att höra från dig och diskutera hur vi kan hjälpa ditt företag att nå nya höjder."
|
description="Vi ser fram emot att höra från dig och diskutera hur vi kan hjälpa ditt företag att nå nya höjder."
|
||||||
|
buttonText="Skicka förfrågan"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -318,25 +216,17 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Om oss",
|
label: "Om oss", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Tjänster",
|
label: "Tjänster", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Kontakt",
|
label: "Kontakt", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Integritetspolicy",
|
label: "Integritetspolicy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user