Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 22bd2a2fd5 | |||
| b73e9cad21 | |||
| c1ab14df9e | |||
| 3b0e8d5cf3 | |||
| 304b43c469 | |||
| a4e731ed72 | |||
| 4e44e8a54c | |||
| 73cc91beb0 | |||
| 2761ce921d | |||
| 50c477d9ed | |||
| 49e3380f14 | |||
| ab839058e7 |
279
src/app/page.tsx
279
src/app/page.tsx
@@ -10,7 +10,6 @@ import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, CheckCircle, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Þjónusta",
|
||||
id: "services",
|
||||
},
|
||||
name: "Þjónusta", id: "services"},
|
||||
{
|
||||
name: "Verð",
|
||||
id: "plans",
|
||||
},
|
||||
name: "Verð", id: "plans"},
|
||||
{
|
||||
name: "Bóka",
|
||||
id: "booking",
|
||||
},
|
||||
name: "Bóka", id: "booking"},
|
||||
{
|
||||
name: "Hafa samband",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Hafa samband", id: "contact"},
|
||||
]}
|
||||
brandName="BALDUR"
|
||||
/>
|
||||
@@ -56,103 +47,58 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Superglans "
|
||||
description="Hraðvirk, fagleg og lúxus bílaþrif fyrir þá sem vilja fullkominn glans."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Best service in Iceland, my car looks brand new!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371203.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Best service in Iceland, my car looks brand new!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371203.jpg"},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@mchen",
|
||||
testimonial: "Fast and professional. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-21204.jpg",
|
||||
},
|
||||
name: "Michael C.", handle: "@mchen", testimonial: "Fast and professional. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-21204.jpg"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@erodriguez",
|
||||
testimonial: "Great attention to detail in every corner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-while-posing_176474-95622.jpg",
|
||||
},
|
||||
name: "Emily R.", handle: "@erodriguez", testimonial: "Great attention to detail in every corner.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-while-posing_176474-95622.jpg"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@dkim",
|
||||
testimonial: "Worth every króna, excellent value.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg",
|
||||
},
|
||||
name: "David K.", handle: "@dkim", testimonial: "Worth every króna, excellent value.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg"},
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@annas",
|
||||
testimonial: "Very convenient booking and service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg",
|
||||
},
|
||||
name: "Anna S.", handle: "@annas", testimonial: "Very convenient booking and service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Bóka tíma",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Bóka tíma", onClick: () => document.getElementById('booking')?.scrollIntoView({ behavior: 'smooth' })},
|
||||
{
|
||||
text: "Sjá verðskrá",
|
||||
href: "#plans",
|
||||
},
|
||||
text: "Sjá verðskrá", onClick: () => document.getElementById('plans')?.scrollIntoView({ behavior: 'smooth' })},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg"
|
||||
imageAlt="Luxury Car"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg",
|
||||
alt: "Close up on car care process",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg", alt: "Close up on car care process"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-lights-brand-new-car_23-2148510550.jpg",
|
||||
alt: "Front view lights of a brand new car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-lights-brand-new-car_23-2148510550.jpg", alt: "Front view lights of a brand new car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg",
|
||||
alt: "Close up on metallic car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg", alt: "Close up on metallic car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sideways-rear-view-mirror-modern-car_23-2148510549.jpg",
|
||||
alt: "Sideways rear-view mirror of a modern car",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sideways-rear-view-mirror-modern-car_23-2148510549.jpg", alt: "Sideways rear-view mirror of a modern car"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
|
||||
alt: "Portrait of handsome bearded stylish male",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg", alt: "Portrait of handsome bearded stylish male"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Bílaþvottur",
|
||||
},
|
||||
type: "text", text: "Premium Bílaþvottur"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hraðvirk þjónusta",
|
||||
},
|
||||
type: "text", text: "Hraðvirk þjónusta"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lúxus áferð",
|
||||
},
|
||||
type: "text", text: "Lúxus áferð"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Öruggt bókunarkerfi",
|
||||
},
|
||||
type: "text", text: "Öruggt bókunarkerfi"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Íslensk fagmennska",
|
||||
},
|
||||
type: "text", text: "Íslensk fagmennska"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,19 +110,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Ára reynsla",
|
||||
value: "2 ár ",
|
||||
},
|
||||
label: "Ára reynsla", value: "2 ár "},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Þrifin ökutæki",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Þrifin ökutæki", value: "20+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Ánægðir viðskiptavinir",
|
||||
value: "98%",
|
||||
},
|
||||
label: "Ánægðir viðskiptavinir", value: "98%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -189,23 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ytri þvottur",
|
||||
description: "Djúp hreinsun með hágæða efnum og glansáferð.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-blue-bath-bomb-foam-water_23-2148163214.jpg",
|
||||
imageAlt: "Ytri þvottur",
|
||||
},
|
||||
title: "Ytri þvottur", description: "Djúp hreinsun með hágæða efnum og glansáferð.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-blue-bath-bomb-foam-water_23-2148163214.jpg", imageAlt: "Ytri þvottur"},
|
||||
{
|
||||
title: "Innanþrif",
|
||||
description: "Sæti, mælaborð og öll smáatriði hreinsuð.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg",
|
||||
imageAlt: "Innanþrif",
|
||||
},
|
||||
title: "Innanþrif", description: "Sæti, mælaborð og öll smáatriði hreinsuð.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg", imageAlt: "Innanþrif"},
|
||||
{
|
||||
title: "Bón & vörn",
|
||||
description: "Langvarandi glans og vörn gegn íslensku veðri.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg",
|
||||
imageAlt: "Bón & vörn",
|
||||
},
|
||||
title: "Bón & vörn", description: "Langvarandi glans og vörn gegn íslensku veðri.", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg", imageAlt: "Bón & vörn"},
|
||||
]}
|
||||
title="Fagleg bílaumhirða"
|
||||
description="Við bjóðum upp á úrval þrifa sem henta þínum bíl best."
|
||||
@@ -219,54 +147,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Basic",
|
||||
price: "",
|
||||
period: "eitt sinn",
|
||||
description: " ",
|
||||
button: {
|
||||
text: "Velja pakka",
|
||||
},
|
||||
featuresTitle: "Innifalið",
|
||||
features: [
|
||||
"Ytri þvottur",
|
||||
"Felguhreinsun",
|
||||
"Þurrkun",
|
||||
],
|
||||
id: "pro", tag: "Premium", price: "7.990 kr", period: "eitt sinn", description: "Vinsælasti pakkinn fyrir flesta bílaeigendur.", button: {
|
||||
text: "Velja pakka"},
|
||||
featuresTitle: "Innifalið", features: [
|
||||
"Allt í hraðþvotti", "Bón", "Innanþrif", ""],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Premium",
|
||||
price: "7.990 kr",
|
||||
period: "eitt sinn",
|
||||
description: "Vinsælasti pakkinn fyrir flesta bílaeigendur.",
|
||||
button: {
|
||||
text: "Velja pakka",
|
||||
},
|
||||
featuresTitle: "Innifalið",
|
||||
features: [
|
||||
"Allt í hraðþvotti",
|
||||
"Bón",
|
||||
"Innanþrif",
|
||||
"",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "lux",
|
||||
tag: "Lúxus",
|
||||
price: "12.990 kr",
|
||||
period: "eitt sinn",
|
||||
description: "Djúpþrif fyrir þá kröfuhörðu.",
|
||||
button: {
|
||||
text: "Velja pakka",
|
||||
},
|
||||
featuresTitle: "Innifalið",
|
||||
features: [
|
||||
"Djúpþrif",
|
||||
"Bón & vörn",
|
||||
"Sætaþrif",
|
||||
"",
|
||||
],
|
||||
id: "lux", tag: "Lúxus", price: "12.990 kr", period: "eitt sinn", description: "Djúpþrif fyrir þá kröfuhörðu.", button: {
|
||||
text: "Velja pakka"},
|
||||
featuresTitle: "Innifalið", features: [
|
||||
"Djúpþrif", "Bón & vörn", "Sætaþrif", ""],
|
||||
},
|
||||
]}
|
||||
title="Veldu pakka"
|
||||
@@ -274,79 +164,17 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Valur ásberg ",
|
||||
role: "Viðskiptavinur",
|
||||
company: "Baldur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Arnar þórison ",
|
||||
role: "Viðskiptavinur",
|
||||
company: "Baldur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bóbo ",
|
||||
role: "Viðskiptavinur",
|
||||
company: "Baldur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479592.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sigrún Jónasdóttir",
|
||||
role: "Viðskiptavinur",
|
||||
company: "Baldur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Páll Pálsson",
|
||||
role: "Viðskiptavinur",
|
||||
company: "Baldur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
|
||||
},
|
||||
]}
|
||||
title="Viðskiptavinir segja"
|
||||
description="Við leggjum áherslu á ánægju viðskiptavina okkar."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Hversu langan tíma tekur þvottur?",
|
||||
content: "Hraðþvottur tekur um 30 mínútur en lúxusþvottur getur tekið allt að 2 klst.",
|
||||
},
|
||||
id: "faq1", title: "Hversu langan tíma tekur þvottur?", content: "Hraðþvottur tekur um 30 mínútur en lúxusþvottur getur tekið allt að 2 klst."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Þarf að bóka tíma?",
|
||||
content: "Mælt er með bókun en við tökum á móti dropp-in eftir getu.",
|
||||
},
|
||||
id: "faq2", title: "Þarf að bóka tíma?", content: "Mælt er með bókun en við tökum á móti dropp-in eftir getu."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Eruð þið með opið um helgar?",
|
||||
content: "Já, við erum með opið alla daga vikunnar.",
|
||||
},
|
||||
id: "faq3", title: "Eruð þið með opið um helgar?", content: "Já, við erum með opið alla daga vikunnar."},
|
||||
]}
|
||||
title="Algengar spurningar"
|
||||
description="Hér erum við með svör við spurningum sem við fáum oft."
|
||||
@@ -361,28 +189,17 @@ export default function LandingPage() {
|
||||
description="Bókaðu þinn þvott í dag með einföldum hætti."
|
||||
inputs={[
|
||||
{
|
||||
name: "nafn",
|
||||
type: "text",
|
||||
placeholder: "Nafn",
|
||||
required: true,
|
||||
name: "nafn", type: "text", placeholder: "Nafn", required: true,
|
||||
},
|
||||
{
|
||||
name: "simi",
|
||||
type: "tel",
|
||||
placeholder: "Símanúmer",
|
||||
required: true,
|
||||
name: "simi", type: "tel", placeholder: "Símanúmer", required: true,
|
||||
},
|
||||
{
|
||||
name: "bifreid",
|
||||
type: "text",
|
||||
placeholder: "Bifreið",
|
||||
required: true,
|
||||
name: "bifreid", type: "text", placeholder: "Bifreið", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "skilabod",
|
||||
placeholder: "Skilaboð",
|
||||
rows: 4,
|
||||
name: "skilabod", placeholder: "Skilaboð", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/auto-repairman-communicating-with-customer-while-wearing-protective-face-mask-gloves-office_637285-9803.jpg"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user