Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c51eed4458 | |||
| 9080a7e21c | |||
| a22cead933 | |||
| 84999caa07 | |||
| afe1a9dfe8 | |||
| 6ba1469245 |
128
src/app/page.tsx
128
src/app/page.tsx
@@ -32,14 +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"
|
||||
/>
|
||||
@@ -47,28 +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>
|
||||
@@ -79,12 +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"
|
||||
@@ -99,18 +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."
|
||||
@@ -124,15 +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."
|
||||
@@ -146,16 +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"
|
||||
@@ -167,12 +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."
|
||||
@@ -188,12 +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>
|
||||
@@ -201,8 +160,7 @@ 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."
|
||||
@@ -213,22 +171,8 @@ export default function LandingPage() {
|
||||
<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"
|
||||
/>
|
||||
@@ -236,4 +180,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user