Update src/app/page.tsx
This commit is contained in:
271
src/app/page.tsx
271
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Hem", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "Om oss", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Tjänster", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Eleftheria"
|
||||
/>
|
||||
@@ -56,93 +48,52 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Professional Services Tailored to You"
|
||||
description="Excellence in every detail, inspired by a commitment to quality and clarity."
|
||||
variant: "plain"}}
|
||||
title="Professionella tjänster anpassade för dig"
|
||||
description="Excellence i varje detalj, inspirerad av ett engagemang för kvalitet och tydlighet."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@anna",
|
||||
testimonial: "Exceptional service and deep expertise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
},
|
||||
name: "Anna S.", handle: "@anna", testimonial: "Exceptionell service och djup expertis.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
|
||||
{
|
||||
name: "Erik B.",
|
||||
handle: "@erik",
|
||||
testimonial: "Professional, reliable, and always on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
name: "Erik B.", handle: "@erik", testimonial: "Professionell, pålitlig och alltid i tid.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
|
||||
{
|
||||
name: "Sofia L.",
|
||||
handle: "@sofia",
|
||||
testimonial: "Transformed our processes completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
|
||||
},
|
||||
name: "Sofia L.", handle: "@sofia", testimonial: "Förvandlade våra processer helt.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg"},
|
||||
{
|
||||
name: "Johan P.",
|
||||
handle: "@johan",
|
||||
testimonial: "Quality that truly stands out.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
|
||||
},
|
||||
name: "Johan P.", handle: "@johan", testimonial: "Kvalitet som verkligen sticker ut.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg"},
|
||||
{
|
||||
name: "Karin M.",
|
||||
handle: "@karin",
|
||||
testimonial: "Great collaboration and vision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
},
|
||||
name: "Karin M.", handle: "@karin", testimonial: "Fantastiskt samarbete och vision.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-interior-decorated-brown-shades_23-2151934905.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="minimalist warm office interior design"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
|
||||
alt: "Happy smiling businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", alt: "Happy smiling businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-posing_329181-11390.jpg",
|
||||
alt: "Elegant young businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-posing_329181-11390.jpg", alt: "Elegant young businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
alt: "Positive shaved head male",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Positive shaved head male"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
|
||||
alt: "Portrait of handsome smiling hipster",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", alt: "Portrait of handsome smiling hipster"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg",
|
||||
alt: "Smiley man holding his face",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg", alt: "Smiley man holding his face"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality",
|
||||
},
|
||||
type: "text", text: "Kvalitet"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliability",
|
||||
},
|
||||
type: "text", text: "Pålitlighet"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clarity",
|
||||
},
|
||||
type: "text", text: "Tydlighet"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise",
|
||||
},
|
||||
type: "text", text: "Expertis"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence",
|
||||
},
|
||||
type: "text", text: "Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,11 +101,9 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Approach"
|
||||
title="Vårt tillvägagångssätt"
|
||||
description={[
|
||||
"We believe in simplicity, clarity, and effectiveness in all that we do.",
|
||||
"Our professional standards mirror the excellence expected by our partners.",
|
||||
]}
|
||||
"Vi tror på enkelhet, tydlighet och effektivitet i allt vi gör.", "Våra professionella standarder speglar den excellens som våra partners förväntar sig."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -165,38 +114,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Strategy",
|
||||
title: "Expert Planning",
|
||||
items: [
|
||||
"Deep analysis",
|
||||
"Future proofing",
|
||||
"Risk management",
|
||||
],
|
||||
id: "f1", label: "Strategi", title: "Expertplanering", items: [
|
||||
"Djupgående analys", "Framtidssäkring", "Riskhantering"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Execution",
|
||||
title: "Precision Delivery",
|
||||
items: [
|
||||
"Agile workflow",
|
||||
"Strict quality control",
|
||||
"Timely completion",
|
||||
],
|
||||
id: "f2", label: "Utförande", title: "Precisionsleverans", items: [
|
||||
"Agilt arbetsflöde", "Sträng kvalitetskontroll", "Punktlig färdigställande"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Optimization",
|
||||
title: "Ongoing Improvement",
|
||||
items: [
|
||||
"Data monitoring",
|
||||
"Performance audits",
|
||||
"Feedback loops",
|
||||
],
|
||||
id: "f3", label: "Optimering", title: "Ständig förbättring", items: [
|
||||
"Datamonitorering", "Prestandagranskningar", "Feedback-loopar"],
|
||||
},
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Comprehensive solutions designed for impact and sustainability."
|
||||
title="Kärntjänster"
|
||||
description="Omfattande lösningar designade för effekt och hållbarhet."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -208,74 +139,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Consultation",
|
||||
price: "From $500",
|
||||
variant: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826249.jpg",
|
||||
},
|
||||
id: "p1", name: "Konsultation", price: "Från 5000 kr", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826249.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Strategy Audit",
|
||||
price: "From $1200",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing-sketching-classes-adults-close-up-metal-stand-holder-with-graphite-pencils-standing-table-against-easels-with-blank-canvases-background-modern-art-studio-nobody_482257-64458.jpg",
|
||||
},
|
||||
id: "p2", name: "Strategisk revision", price: "Från 12000 kr", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/drawing-sketching-classes-adults-close-up-metal-stand-holder-with-graphite-pencils-standing-table-against-easels-with-blank-canvases-background-modern-art-studio-nobody_482257-64458.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Execution Program",
|
||||
price: "From $2500",
|
||||
variant: "Comprehensive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-company-office-with-workstation-desk-business-development-space-filled-with-documents-computers-corporation-department-room-used-career-development-success_482257-60055.jpg",
|
||||
},
|
||||
id: "p3", name: "Genomförandeprogram", price: "Från 25000 kr", variant: "Comprehensive", imageSrc: "http://img.b2bpic.net/free-photo/empty-company-office-with-workstation-desk-business-development-space-filled-with-documents-computers-corporation-department-room-used-career-development-success_482257-60055.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Monthly Retainer",
|
||||
price: "Custom",
|
||||
variant: "Partnership",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826255.jpg",
|
||||
},
|
||||
id: "p4", name: "Månatlig rådgivning", price: "Anpassad", variant: "Partnership", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826255.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Workshop Event",
|
||||
price: "From $800",
|
||||
variant: "Educational",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-notebook-desk_23-2148541549.jpg",
|
||||
},
|
||||
id: "p5", name: "Workshop-event", price: "Från 8000 kr", variant: "Educational", imageSrc: "http://img.b2bpic.net/free-photo/laptop-notebook-desk_23-2148541549.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Implementation",
|
||||
price: "From $3000",
|
||||
variant: "Full Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-17753.jpg",
|
||||
},
|
||||
id: "p6", name: "Implementering", price: "Från 30000 kr", variant: "Full Service", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-17753.jpg"},
|
||||
]}
|
||||
title="Service Packages"
|
||||
description="Standardized offerings built on years of experience."
|
||||
title="Tjänstepaket"
|
||||
description="Standardiserade erbjudanden byggda på år av erfarenhet."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Reliability"
|
||||
title="Vår inverkan"
|
||||
tag="Pålitlighet"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Successful projects delivered",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Framgångsrika projekt levererade"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Years of experience",
|
||||
},
|
||||
id: "m2", value: "12", description: "Års erfarenhet"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client satisfaction rating",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Kundnöjdhet"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -286,33 +178,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-woman-coat-dreamily-looking-camera-outdoor_574295-2145.jpg",
|
||||
},
|
||||
id: "t1", name: "Anna S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-stylish-woman-coat-dreamily-looking-camera-outdoor_574295-2145.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Erik B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg",
|
||||
},
|
||||
id: "t2", name: "Erik B.", imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofia L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg",
|
||||
},
|
||||
id: "t3", name: "Sofia L.", imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Johan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
},
|
||||
id: "t4", name: "Johan P.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Karin M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
},
|
||||
id: "t5", name: "Karin M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg"},
|
||||
]}
|
||||
cardTitle="What Partners Say"
|
||||
cardTag="Reputation"
|
||||
cardTitle="Vad våra partners säger"
|
||||
cardTag="Rykte"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -323,23 +200,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Book an initial consultation via the link provided.",
|
||||
},
|
||||
id: "q1", title: "Hur kommer vi igång?", content: "Boka en inledande konsultation via länken."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is pricing negotiable?",
|
||||
content: "We offer custom packages to fit specific needs.",
|
||||
},
|
||||
id: "q2", title: "Är prissättningen förhandlingsbar?", content: "Vi erbjuder anpassade paket efter era specifika behov."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the timeline?",
|
||||
content: "Timelines depend on the project scope.",
|
||||
},
|
||||
id: "q3", title: "Vad är tidslinjen?", content: "Tidslinjer beror på projektets omfattning."},
|
||||
]}
|
||||
title="Questions & Answers"
|
||||
description="Common inquiries about our professional process."
|
||||
title="Frågor & Svar"
|
||||
description="Vanliga frågor om vår arbetsprocess."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -348,9 +216,8 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to discuss your project? Get in touch today."
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Redo att diskutera ditt projekt? Kontakta oss idag."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -358,16 +225,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Eleftheria"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Integritetspolicy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Användarvillkor", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user