Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #7.
This commit is contained in:
@@ -30,9 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Heim", id: "hero" },
|
||||
{ name: "Þjónusta", id: "services" },
|
||||
{ name: "Samband", id: "contact" },
|
||||
{
|
||||
name: "Heim", id: "#hero"},
|
||||
{
|
||||
name: "Þjónusta", id: "#services"},
|
||||
{
|
||||
name: "Samband", id: "#contact"},
|
||||
]}
|
||||
brandName="BRM"
|
||||
/>
|
||||
@@ -40,20 +43,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Brotið? Við lögum það."
|
||||
description="Bílrúðumeistarinn (BRM) sérhæfir sig í hraðvirkum og vönduðum rúðuviðgerðum fyrir alla bíla. Við erum í Kópavogi."
|
||||
buttons={[
|
||||
{ text: "Bókaðu núna", href: "#contact" },
|
||||
{
|
||||
text: "Bókaðu núna", href: "#contact"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
avatarText="Yfir 500 ánægðir viðskiptavinir"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Hraðþjónusta" },
|
||||
{ type: "text", text: "Viðurkenndir varahlutir" },
|
||||
{ type: "text", text: "5 stjörnur á Google" },
|
||||
{ type: "text", text: "Sérfræðingar í Kópavogi" },
|
||||
{ type: "text", text: "Opin daglega" },
|
||||
{
|
||||
type: "text", text: "Hraðþjónusta"},
|
||||
{
|
||||
type: "text", text: "Viðurkenndir varahlutir"},
|
||||
{
|
||||
type: "text", text: "5 stjörnur á Google"},
|
||||
{
|
||||
type: "text", text: "Sérfræðingar í Kópavogi"},
|
||||
{
|
||||
type: "text", text: "Opin daglega"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -63,34 +73,42 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Forrúðuskipti", description: "Skiptum um allar gerðir rúða með vottuðum varahlutum.", imageSrc: "https://images.unsplash.com/photo-1605634526013-0570a2f778d1?auto=format&fit=crop&q=80&w=800" },
|
||||
{ title: "Chip & Sprungur", description: "Viðgerð á litlum skemmdum áður en þær stækka.", imageSrc: "https://images.unsplash.com/photo-1594498652286-f6d2f36071ea?auto=format&fit=crop&q=80&w=800" },
|
||||
{ title: "Leigubílaþjónusta", description: "Sérhæfðir í skjótri þjónustu fyrir leigubílstjóra.", imageSrc: "https://images.unsplash.com/photo-1583121274602-3e2820c66888?auto=format&fit=crop&q=80&w=800" },
|
||||
{ title: "Speglaviðgerðir", description: "Viðgerðir á bílaspeglum og hliðarrúðum.", imageSrc: "https://images.unsplash.com/photo-1555617066-880017169f47?auto=format&fit=crop&q=80&w=800" },
|
||||
{ title: "Þrif & Frágangur", description: "Fullkomin hreinsun eftir rúðuskipti.", imageSrc: "https://images.unsplash.com/photo-1601362840469-51e4d8d58785?auto=format&fit=crop&q=80&w=800" },
|
||||
{ title: "Ráðgjöf", description: "Við metum tjónið hratt og örugglega.", imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&q=80&w=800" },
|
||||
{
|
||||
title: "Forrúðuskipti", description: "Skiptum um allar gerðir rúða með vottuðum varahlutum."},
|
||||
{
|
||||
title: "Chip & Sprungur", description: "Viðgerð á litlum skemmdum áður en þær stækka."},
|
||||
{
|
||||
title: "Leigubílaþjónusta", description: "Sérhæfðir í skjótri þjónustu fyrir leigubílstjóra."},
|
||||
{
|
||||
title: "Speglaviðgerðir", description: "Viðgerðir á bílaspeglum og hliðarrúðum."},
|
||||
{
|
||||
title: "Þrif & Frágangur", description: "Fullkomin hreinsun eftir rúðuskipti."},
|
||||
{
|
||||
title: "Ráðgjöf", description: "Við metum tjónið hratt og örugglega."},
|
||||
]}
|
||||
title="Okkar Þjónusta"
|
||||
description="Við bjóðum upp á úrvals viðgerðarþjónustu fyrir allar gerðir bíla."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Af hverju BRM?"
|
||||
title="Traust í 5 stjörnum"
|
||||
description="Bílrúðumeistarinn er leiðandi í rúðuviðgerðum með 5 stjörnur á Google."
|
||||
subdescription="Við lögum sprungur á 2 klukkustundum og bjóðum samkeppnishæft verð."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&q=80&w=800"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
names={["Toyota", "Tesla", "Volkswagen", "Ford", "Mercedes-Benz", "Volvo", "Hertz"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Toyota", "Tesla", "Volkswagen", "Ford", "Mercedes-Benz", "Volvo", "Hertz"]}
|
||||
title="Við þjónustum alla bíla"
|
||||
description="Áreiðanlegir sérfræðingar í öllum bíltegundum."
|
||||
/>
|
||||
@@ -99,12 +117,16 @@ export default function LandingPage() {
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "1️⃣", description: "Hringdu í 571 1133" },
|
||||
{ id: "2", value: "2️⃣", description: "Komdu með bílinn á Dalveg" },
|
||||
{ id: "3", value: "3️⃣", description: "Ektu á braut með fullkomna rúðu" },
|
||||
{
|
||||
id: "1", value: "1️⃣", description: "Hringdu í 571 1133"},
|
||||
{
|
||||
id: "2", value: "2️⃣", description: "Komdu með bílinn á Dalveg"},
|
||||
{
|
||||
id: "3", value: "3️⃣", description: "Ektu á braut með fullkomna rúðu"},
|
||||
]}
|
||||
title="Hvernig virkar þetta?"
|
||||
description="Einfalt ferli til að fá þér fullkomna rúðu."
|
||||
@@ -114,11 +136,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Bókaðu tíma núna"
|
||||
description="Við erum staðsett á Dalvegi 18, Kópavogi. Opið til 18:30."
|
||||
inputPlaceholder="Sláðu inn netfang"
|
||||
buttonText="Hafðu samband"
|
||||
tag="Hafðu samband"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,14 +152,18 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Bílrúðumeistarinn", items: [
|
||||
{ label: "Dalvegur 18, Kópavogur", href: "#" },
|
||||
{ label: "Sími: 571 1133", href: "tel:5711133" },
|
||||
{
|
||||
label: "Dalvegur 18, Kópavogur", href: "#"},
|
||||
{
|
||||
label: "Sími: 571 1133", href: "tel:5711133"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Tenglar", items: [
|
||||
{ label: "Bóka tíma", href: "#contact" },
|
||||
{ label: "Þjónusta", href: "#services" },
|
||||
{
|
||||
label: "Bóka tíma", href: "#contact"},
|
||||
{
|
||||
label: "Þjónusta", href: "#services"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user