Merge version_2 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Globe, Scale, ShieldCheck } from "lucide-react";
|
||||
|
||||
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Hjem",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Om Oss",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tjenester",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Hjem", id: "hero" },
|
||||
{ name: "Om Oss", id: "about" },
|
||||
{ name: "Tjenester", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Forvis Mazars Advokater"
|
||||
/>
|
||||
@@ -53,101 +41,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Juridisk Ekspertise med Global Rekkevidde"
|
||||
description="Forvis Mazars Advokater AS tilbyr spesialisert juridisk rådgivning for bedrifter. Vi kombinerer lokal tilstedeværelse med internasjonalt nettverk for å gi deg de beste løsningene."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Juan David Alexander Myrann",
|
||||
handle: "Coliving AS",
|
||||
testimonial: "Profesjonelle, tilgjengelige og med sterk forretningsforståelse. De har håndtert en kompleks sak med trygghet og tydelig kommunikasjon.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
},
|
||||
{
|
||||
name: "Per Vinje (Kunde)",
|
||||
handle: "Klient",
|
||||
testimonial: "Per Vinje er stødig, dyktig og kunnskapsrik. Jeg hadde behov for juridisk råd... og takket være hans bistand ble dette tatt ved roten umiddelbart.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Torgeir Andorsen",
|
||||
handle: "Klient",
|
||||
testimonial: "Svært kompetent gjeng med spesialist kompetanse på ulike områder. Internasjonalt selskap... anbefales på det sterkeste.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Simon M. Egeberg",
|
||||
handle: "Klient",
|
||||
testimonial: "Jeg kan på det varmeste anbefale Per Vinje og advokatfirmaet Mazar Legal. Per stilte opp på dagen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elin Hansen",
|
||||
handle: "Bedrift",
|
||||
testimonial: "Glimrende oppfølging og profesjonell håndtering av våre juridiske behov. Veldig fornøyd med samarbeidet.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Kontakt Oss",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Juan David Alexander Myrann", handle: "Coliving AS", testimonial: "Profesjonelle, tilgjengelige og med sterk forretningsforståelse.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
|
||||
{ name: "Per Vinje (Kunde)", handle: "Klient", testimonial: "Per Vinje er stødig, dyktig og kunnskapsrik.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg?_wi=1" },
|
||||
]}
|
||||
buttons={[{ text: "Kontakt Oss", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-working-desktop-xa_1421-574.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Betrodd av over 500+ norske bedrifter"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Forretningsjus",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Selskapsrett",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tvisteløsning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Compliance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Internasjonal rett",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Forretningsjus" }, { type: "text", text: "Selskapsrett" }, { type: "text", text: "Tvisteløsning" }, { type: "text", text: "Compliance" }, { type: "text", text: "Internasjonal rett" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -156,33 +60,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Vår Filosofi"
|
||||
description={[
|
||||
"Hos Forvis Mazars Advokater AS er klienten alltid i fokus. Vi kombinerer dyp juridisk kompetanse med forretningsforståelse for å skape verdier.",
|
||||
"Med et globalt nettverk og sterke lokale kontorer, er vi alltid tilgjengelige der du trenger oss mest.",
|
||||
]}
|
||||
"Hos Forvis Mazars Advokater AS er klienten alltid i fokus. Vi kombinerer dyp juridisk kompetanse med forretningsforståelse for å skape verdier.", "Med et globalt nettverk og sterke lokale kontorer, er vi alltid tilgjengelige der du trenger oss mest."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
<FeatureCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Scale,
|
||||
title: "Forretningsjus",
|
||||
description: "Spesialistkompetanse innen kontrakter, tvisteløsning og selskapsrett.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Internasjonal bistand",
|
||||
description: "Globalt nettverk som gjør det enkelt å få bistand i de fleste situasjoner.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Compliance",
|
||||
description: "Vi sikrer at din bedrift etterlever gjeldende lover og regler til enhver tid.",
|
||||
},
|
||||
{ title: "Forretningsjus", description: "Spesialistkompetanse innen kontrakter, tvisteløsning og selskapsrett.", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-tablet_23-2149176317.jpg" },
|
||||
{ title: "Internasjonal bistand", description: "Globalt nettverk som gjør det enkelt å få bistand i de fleste situasjoner.", imageSrc: "http://img.b2bpic.net/free-photo/world-map-global-business-concept_23-2149021703.jpg" },
|
||||
{ title: "Compliance", description: "Vi sikrer at din bedrift etterlever gjeldende lover og regler til enhver tid.", imageSrc: "http://img.b2bpic.net/free-photo/security-concept-with-lock_23-2149176317.jpg" },
|
||||
]}
|
||||
title="Våre Tjenesteområder"
|
||||
description="Vi bistår med omfattende juridisk støtte tilpasset din bedrifts behov."
|
||||
@@ -190,88 +80,40 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Våre Advokre partnere"
|
||||
title="Våre Advokatpartnere"
|
||||
description="Møt vårt erfarne team av dedikerte advokater."
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Per Vinje",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anne Berit",
|
||||
role: "Senioradvokat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jonas Olsen",
|
||||
role: "Advokat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg?_wi=2",
|
||||
},
|
||||
team={[
|
||||
{ id: "1", name: "Per Vinje", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg?_wi=2" },
|
||||
{ id: "2", name: "Anne Berit", role: "Senioradvokat", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg?_wi=2" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactSplit
|
||||
tag="Kontakt"
|
||||
title="Ta kontakt"
|
||||
description="Vi er her for å hjelpe deg med dine juridiske spørsmål. Send oss en melding."
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Har du spørsmål eller trenger juridisk bistand? Ta kontakt med oss i dag for en uforpliktende prat."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send E-post",
|
||||
href: "mailto:kontakt@forvismazars.no",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-business-woman-modern-office_1262-1110.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Om Oss",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Tjenester",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Personvernerklæring",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Vilkår",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterBaseReveal
|
||||
logoText="Forvis Mazars Advokater AS"
|
||||
columns={[
|
||||
{ title: "Tjenester", items: [{ label: "Forretningsjus", href: "#" }, { label: "Compliance", href: "#" }] },
|
||||
{ title: "Bedrift", items: [{ label: "Om Oss", href: "#about" }, { label: "Kontakt", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--background: #f5faff;
|
||||
--card: #f1f8ff;
|
||||
--foreground: #001122;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user