Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d438a0ef62 | |||
| 9e9742999d | |||
| 97ea732233 |
177
src/app/page.tsx
177
src/app/page.tsx
@@ -2,17 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Globe, Shield, Zap } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,156 +28,115 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleApple
|
||||
brandName="Abels förvård"
|
||||
navItems={[
|
||||
{ name: "Overview", id: "hero" },
|
||||
{ name: "Technology", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Hem", id: "hero" },
|
||||
{ name: "Om Oss", id: "about" },
|
||||
{ name: "Tjänster", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="SKF"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Precision Engineering for a Greener Future"
|
||||
description="SKF is driving the evolution of industrial performance, delivering advanced bearing technology and lubrication solutions that enhance efficiency and reliability across the globe."
|
||||
tag="Industrial Technology Leader"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139356.jpg", imageAlt: "industrial bearing precision metallic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-machine_23-2148366640.jpg", imageAlt: "mechanical engineering parts rotating" }
|
||||
title="Trygg och professionell förvård"
|
||||
description="Vi erbjuder skräddarsydd förvård med fokus på individens behov, integritet och livskvalitet. Din trygghet är vår högsta prioritet."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/healthcare-worker-taking-care-senior-woman_23-2148737525.jpg", imageAlt: "Caregiver assisting senior" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 50,000+ industry leaders"
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-caregiver-senior-woman-home_23-2148737581.jpg", imageAlt: "Happy moments in care" }
|
||||
]}
|
||||
tag="Abels förvård"
|
||||
buttons={[{ text: "Boka ett samtal", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
<TextAbout
|
||||
title="Vår vision är din trygghet"
|
||||
useInvertedBackground={false}
|
||||
title="Our Engineering Heritage"
|
||||
description={[
|
||||
"With over a century of experience, SKF continues to push the boundaries of friction management.", "Our solutions empower industries to move faster, work smarter, and minimize impact on the environment through intelligent engineering."]}
|
||||
buttons={[{ text: "Läs mer om oss", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwentyNine
|
||||
title="Våra tjänster"
|
||||
description="Vi erbjuder professionell förvård i din hemmiljö."
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Sensing", description: "Integrate real-time condition monitoring with IoT-enabled components.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-retouching-software-touch-screen-computer-studio-hands-photographer-editing-pictures-with-professional-technology-photography-project-retouch-media-editor_482257-34139.jpg", imageAlt: "industrial sensor bearing technology"},
|
||||
{
|
||||
title: "Advanced Lubrication", description: "Reduce wear and energy consumption with precision lubrication systems.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599432.jpg", imageAlt: "industrial lubrication engineering flow"},
|
||||
{
|
||||
title: "High-Speed Machining", description: "Engineered for excellence in extreme performance industrial environments.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg", imageAlt: "precision grinding mechanical part"},
|
||||
{ title: "Hemtjänst", description: "Daglig support i din hemmiljö.", imageSrc: "http://img.b2bpic.net/free-photo/caregiver-helping-elderly-woman_23-2148737532.jpg", titleImageSrc: "", buttonText: "Läs mer" },
|
||||
{ title: "Ledsagning", description: "Vi följer med på ärenden och aktiviteter.", imageSrc: "http://img.b2bpic.net/free-photo/caregiver-walking-with-senior-man_23-2148737548.jpg", titleImageSrc: "", buttonText: "Läs mer" },
|
||||
{ title: "Trygghet", description: "Dygnet-runt support för din säkerhet.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-woman-talking-to-caregiver_23-2148737572.jpg", titleImageSrc: "", buttonText: "Läs mer" }
|
||||
]}
|
||||
title="Industrial Solutions"
|
||||
description="We specialize in developing cutting-edge technologies that improve machine reliability and performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<MetricCardFourteen
|
||||
title="Kvalitet i siffror"
|
||||
tag="Vi levererar kvalitet"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15%", title: "Efficiency Gain", description: "Average energy reduction across key industrial processes.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "99.9%", title: "Reliability Rate", description: "Uptime performance for critical bearing applications.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "100+", title: "Countries Served", description: "Global distribution network supporting local operations.", icon: Globe,
|
||||
},
|
||||
{ id: "1", value: "100%", description: "Nöjda kunder" },
|
||||
{ id: "2", value: "10+ år", description: "Erfarenhet av förvård" },
|
||||
{ id: "3", value: "24/7", description: "Tillgänglighet" }
|
||||
]}
|
||||
title="Measurable Impact"
|
||||
description="We deliver results that matter for industrial reliability and efficiency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Automotive Corp", "Tech Solutions Inc", "Manufacturing World", "Global Logistics Group", "Precision Tools Ltd", "Energy Systems Intl", "Heavy Industry Global"]}
|
||||
title="Our Global Partners"
|
||||
description="Driving innovation in collaboration with the world's most demanding industries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
<TestimonialCardTen
|
||||
title="Vad våra kunder säger"
|
||||
description="Vi är stolta över att få förtroendet att hjälpa våra kunder."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "John Smith", role: "Plant Manager", testimonial: "SKF's solutions have completely transformed our facility's reliability.", imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
|
||||
{
|
||||
id: "t2", name: "Elena Rodriguez", role: "Senior Engineer", testimonial: "Exceptional support and precision components that last.", imageSrc: "http://img.b2bpic.net/free-photo/engineer-oversees-assembly-tools-tablet-industry-plant-surrounded-by-metal-steel-machinery_482257-135546.jpg"},
|
||||
{
|
||||
id: "t3", name: "Michael Chen", role: "Logistics Lead", testimonial: "The lubrication systems increased our uptime by 20%.", imageSrc: "http://img.b2bpic.net/free-photo/man-overalls-looking-camera-with-folded-hands_259150-56910.jpg"},
|
||||
{
|
||||
id: "t4", name: "Sarah Davis", role: "R&D Manager", testimonial: "Incredible insights and technical expertise every step.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cosmonaut-spacecraft-powered-by-advanced-engineering_482257-126224.jpg"},
|
||||
{
|
||||
id: "t5", name: "Kevin Wilson", role: "Maintenance Lead", testimonial: "SKF stands by its word on every project we do together.", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367537.jpg"},
|
||||
{ id: "1", title: "Fantastisk service", quote: "Jag känner mig alltid trygg med Abels förvård.", name: "Anders", role: "Klient" }
|
||||
]}
|
||||
title="Industry Testimonials"
|
||||
description="How our partners achieve results with SKF precision engineering."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "What makes SKF different?", content: "Our deep-rooted focus on friction management and rotating machinery performance sets us apart."},
|
||||
{
|
||||
id: "f2", title: "Do you offer remote support?", content: "Yes, through our IoT sensor ecosystem, we provide real-time remote diagnostics."},
|
||||
{
|
||||
id: "f3", title: "How can I order spare parts?", content: "Visit our global distributor network or use the online portal for custom orders."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-chatting-with-engineer-about-energy-production_482257-120833.jpg"
|
||||
title="Common Technical Questions"
|
||||
description="Find answers to your questions about our technologies and services."
|
||||
<FaqBase
|
||||
title="Vanliga frågor"
|
||||
description="Här har vi samlat svar på de vanligaste frågorna."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Hur bokar jag hjälp?", content: "Kontakta oss via telefon eller formuläret nedan." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
<ContactCenter
|
||||
tag="Kontakt"
|
||||
title="Kontakta oss för ett första samtal"
|
||||
description="Vi finns här för att svara på dina frågor."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Speak to an Engineering Expert"
|
||||
description="Let's discuss how we can enhance your facility's reliability and performance today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/famous-parasol-structure-sevilla_268835-15561.jpg"
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Get a Consultation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SKF"
|
||||
leftLink={{ text: "Terms and Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
<FooterLogoEmphasis
|
||||
logoText="Abels förvård"
|
||||
columns={[
|
||||
{ items: [{ label: "Hem", href: "#" }, { label: "Om oss", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user