Merge version_1 into main #1
403
src/app/page.tsx
403
src/app/page.tsx
@@ -20,287 +20,150 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SG Group"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SG Group"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="SG Group, s.r.o."
|
||||
description="Premium transport solutions driven by professionalism, reliability, and precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967305.jpg",
|
||||
imageAlt: "Hero truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-by-truck-guy-delivery-uniform-man-with-clipboard_1157-46178.jpg",
|
||||
imageAlt: "Hero truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg",
|
||||
imageAlt: "Hero truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drivers-door-white-truck_53876-160498.jpg",
|
||||
imageAlt: "Hero truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-climbing-retro-train_23-2147770307.jpg",
|
||||
imageAlt: "Hero truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-field-sunset_23-2152009009.jpg",
|
||||
imageAlt: "Hero truck",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="SG Group, s.r.o."
|
||||
description="Premium transport solutions driven by professionalism, reliability, and precision."
|
||||
buttons={[{ text: "Request a Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967305.jpg", imageAlt: "Hero truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-by-truck-guy-delivery-uniform-man-with-clipboard_1157-46178.jpg", imageAlt: "Hero truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg", imageAlt: "Hero truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/drivers-door-white-truck_53876-160498.jpg", imageAlt: "Hero truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-climbing-retro-train_23-2147770307.jpg", imageAlt: "Hero truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/semi-truck-field-sunset_23-2152009009.jpg", imageAlt: "Hero truck" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism & Precision"
|
||||
description="SG Group, s.r.o. delivers high-end transport services with a strong focus on safety, professionalism, and customer satisfaction. Our modern fleet and experienced drivers ensure every journey is smooth, efficient, and reliable."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Clients Served",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Modern Vehicles",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Operations",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-factory-expert-using-digital-device-app-test-automated-systems-closeup_482257-126768.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism & Precision"
|
||||
description="SG Group, s.r.o. delivers high-end transport services with a strong focus on safety, professionalism, and customer satisfaction. Our modern fleet and experienced drivers ensure every journey is smooth, efficient, and reliable."
|
||||
metrics={[
|
||||
{ value: "100+", title: "Clients Served" },
|
||||
{ value: "50+", title: "Modern Vehicles" },
|
||||
{ value: "24/7", title: "Operations" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-factory-expert-using-digital-device-app-test-automated-systems-closeup_482257-126768.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Transport",
|
||||
title: "Freight Transport",
|
||||
items: [
|
||||
"Regional delivery",
|
||||
"Long-haul freight",
|
||||
"Express shipping",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Logistics",
|
||||
title: "Logistics Solutions",
|
||||
items: [
|
||||
"Supply chain consulting",
|
||||
"Inventory management",
|
||||
"Route planning",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Drivers",
|
||||
title: "Professional Drivers",
|
||||
items: [
|
||||
"Certified experts",
|
||||
"Safety training",
|
||||
"Client focus",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive logistics and transport solutions tailored to meet the unique demands of your industry."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "Transport", title: "Freight Transport", items: ["Regional delivery", "Long-haul freight", "Express shipping"] },
|
||||
{ id: "f2", label: "Logistics", title: "Logistics Solutions", items: ["Supply chain consulting", "Inventory management", "Route planning"] },
|
||||
{ id: "f3", label: "Drivers", title: "Professional Drivers", items: ["Certified experts", "Safety training", "Client focus"] }
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive logistics and transport solutions tailored to meet the unique demands of your industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.8%",
|
||||
title: "On-time Delivery",
|
||||
description: "Reliable timelines.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
title: "KM Driven",
|
||||
description: "Safe distance covered.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Industry expertise.",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Driving Results Daily"
|
||||
description="Our operational excellence is quantified through reliability and consistent growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.8%", title: "On-time Delivery", description: "Reliable timelines.", icon: CheckCircle },
|
||||
{ id: "m2", value: "5M+", title: "KM Driven", description: "Safe distance covered.", icon: Zap },
|
||||
{ id: "m3", value: "15+", title: "Years Experience", description: "Industry expertise.", icon: Award }
|
||||
]}
|
||||
title="Driving Results Daily"
|
||||
description="Our operational excellence is quantified through reliability and consistent growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jirka Prochajda",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Petr Novák",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-smiling_74855-1517.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anna Svobodová",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kovář",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Martin Černý",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-employee-authenticates-customers-deliver-parcels-office_1150-52114.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Jirka Prochajda", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg" },
|
||||
{ id: "t2", name: "Petr Novák", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-smiling_74855-1517.jpg" },
|
||||
{ id: "t3", name: "Anna Svobodová", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg" },
|
||||
{ id: "t4", name: "David Kovář", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "t5", name: "Martin Černý", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-authenticates-customers-deliver-parcels-office_1150-52114.jpg" }
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Logistix Co",
|
||||
"FreightFlow",
|
||||
"TruckPro",
|
||||
"ShipGlobal",
|
||||
"CargoHub",
|
||||
"TransNet",
|
||||
"SolutionWare",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Proudly working with industry leaders in logistics and beyond."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Logistix Co", "FreightFlow", "TruckPro", "ShipGlobal", "CargoHub", "TransNet", "SolutionWare"]}
|
||||
title="Trusted Partners"
|
||||
description="Proudly working with industry leaders in logistics and beyond."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We provide nationwide and international transport services.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I request a quote?",
|
||||
content: "Simply fill out our contact form and our team will get back to you promptly.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer logistics management?",
|
||||
content: "Yes, we specialize in comprehensive supply chain and logistics solutions.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your most frequently asked questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What areas do you serve?", content: "We provide nationwide and international transport services." },
|
||||
{ id: "q2", title: "How do I request a quote?", content: "Simply fill out our contact form and our team will get back to you promptly." },
|
||||
{ id: "q3", title: "Do you offer logistics management?", content: "Yes, we specialize in comprehensive supply chain and logistics solutions." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your most frequently asked questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Work With Us?"
|
||||
description="Experience transport services that set a new standard. Get in touch with our team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Work With Us?"
|
||||
description="Experience transport services that set a new standard. Get in touch with our team today."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SG Group, s.r.o."
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SG Group, s.r.o."
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user