Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| afe1a9dfe8 | |||
| 6ba1469245 | |||
| b54cd9e43d |
238
src/app/page.tsx
238
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Om oss",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tjänster",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Om oss", id: "about" },
|
||||
{ name: "Tjänster", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="CorpDesign"
|
||||
/>
|
||||
@@ -55,43 +43,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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."
|
||||
tag="Innovationspartner"
|
||||
buttons={[
|
||||
{
|
||||
text: "Läs mer",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Läs mer", href: "#about" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-working-room-office-building_105762-1712.jpg",
|
||||
imageAlt: "Modern kontorsmiljö",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executives-with-digital-tablet-having-meeting-office_1098-1881.jpg",
|
||||
imageAlt: "Teamarbete",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-geometrical-shapes-background_23-2148811541.jpg",
|
||||
imageAlt: "Dataanalys",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-skyscraper-against-blue-sky-view-from-bottom_93675-134753.jpg",
|
||||
imageAlt: "Arkitektur",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg",
|
||||
imageAlt: "Affärsteknik",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-books-blue-table-work-desk_169016-48930.jpg",
|
||||
imageAlt: "Arbetsflöde",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-working-room-office-building_105762-1712.jpg", imageAlt: "Modern kontorsmiljö" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/executives-with-digital-tablet-having-meeting-office_1098-1881.jpg", imageAlt: "Teamarbete" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-geometrical-shapes-background_23-2148811541.jpg", imageAlt: "Dataanalys" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-skyscraper-against-blue-sky-view-from-bottom_93675-134753.jpg", imageAlt: "Arkitektur" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-financial-results_1098-482.jpg", imageAlt: "Affärsteknik" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-books-blue-table-work-desk_169016-48930.jpg", imageAlt: "Arbetsflöde" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,18 +67,9 @@ export default function LandingPage() {
|
||||
title="Erfarenhet och innovation"
|
||||
description="Med över ett decennium av erfarenhet inom branschen bygger vi broar mellan komplexa affärsbehov och effektiva tekniska lösningar."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Projekt levererade",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Nöjda kunder",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
},
|
||||
{ value: "150+", title: "Projekt levererade" },
|
||||
{ value: "98%", title: "Nöjda kunder" },
|
||||
{ value: "24/7", title: "Support" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-hotel-lobby_74190-4475.jpg"
|
||||
imageAlt="Kontorsinteriör"
|
||||
@@ -128,36 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Strategisk rådgivning",
|
||||
tags: [
|
||||
"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",
|
||||
title: "Digital transformation",
|
||||
tags: [
|
||||
"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",
|
||||
title: "Datasäkerhet",
|
||||
tags: [
|
||||
"Security",
|
||||
"Data",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-health-security-data-protection-concept_84443-83688.jpg",
|
||||
imageAlt: "Säkerhet",
|
||||
},
|
||||
{ id: "f1", title: "Strategisk rådgivning", tags: ["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", title: "Digital transformation", tags: ["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", title: "Datasäkerhet", tags: ["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"
|
||||
description="Vi erbjuder ett brett spektrum av tjänster för att stötta er digitala transformation."
|
||||
@@ -171,27 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "25%",
|
||||
title: "Ökad lönsamhet",
|
||||
description: "Genomsnittlig ökning för våra kunder.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100k",
|
||||
title: "Användare",
|
||||
description: "Aktiva användare i våra system.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Partners",
|
||||
description: "Starka samarbetspartners globalt.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "25%", title: "Ökad lönsamhet", description: "Genomsnittlig ökning för våra kunder.", icon: TrendingUp },
|
||||
{ id: "m2", value: "100k", title: "Användare", description: "Aktiva användare i våra system.", icon: Users },
|
||||
{ id: "m3", value: "50+", title: "Partners", description: "Starka samarbetspartners globalt.", icon: Award },
|
||||
]}
|
||||
title="Resultat som räknas"
|
||||
description="Våra siffror speglar vår dedikation till att leverera högsta kvalitet i varje projekt."
|
||||
@@ -205,26 +116,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Anna Larsson, VD på TechGroup"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-serious-worker-with-glasses_1098-4076.jpg",
|
||||
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",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/column-business-working-mobile-tie_1157-3667.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg",
|
||||
alt: "Marcus",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-serious-worker-with-glasses_1098-4076.jpg", 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", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/column-business-working-mobile-tie_1157-3667.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-senior-businessman-with-clipboards_1262-1934.jpg", alt: "Marcus" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -236,21 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Hur kommer vi igång?",
|
||||
content: "Kontakta oss för en första konsultation.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Vad kostar det?",
|
||||
content: "Priset varierar baserat på projektets omfattning.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Hur lång tid tar ett projekt?",
|
||||
content: "Tidsramen beror på komplexiteten i uppdraget.",
|
||||
},
|
||||
{ id: "q1", title: "Hur kommer vi igång?", content: "Kontakta oss för en första konsultation." },
|
||||
{ id: "q2", title: "Vad kostar det?", content: "Priset varierar baserat på projektets omfattning." },
|
||||
{ id: "q3", title: "Hur lång tid tar ett projekt?", content: "Tidsramen beror på komplexiteten i uppdraget." },
|
||||
]}
|
||||
title="Vanliga frågor"
|
||||
description="Här har vi samlat svar på de vanligaste frågorna vi får från våra kunder."
|
||||
@@ -266,36 +150,9 @@ export default function LandingPage() {
|
||||
title="Insikter & Nyheter"
|
||||
description="Håll dig uppdaterad med de senaste trenderna inom branschen."
|
||||
blogs={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -303,42 +160,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Kontakta oss"
|
||||
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."
|
||||
buttonText="Skicka förfrågan"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Om oss",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Tjänster",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Integritetspolicy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Om oss", href: "#about" }, { label: "Tjänster", href: "#features" }] },
|
||||
{ items: [{ label: "Kontakt", href: "#contact" }, { label: "Integritetspolicy", href: "#" }] },
|
||||
]}
|
||||
logoText="CorpDesign"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user