Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
251
src/app/page.tsx
251
src/app/page.tsx
@@ -32,86 +32,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sotufamm"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Sotufamm"
|
||||
description="Excellence in manufacturing and supply chain solutions. We bridge the gap between quality production and seamless delivery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hall-business-building_1127-3310.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-looking-front-smiling-with-happy-face-standing-pink-wall_141793-50825.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/user-profile-sign-icon-front-side-with-white-background_187299-40018.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-smiling_23-2148336914.jpg", alt: "Business professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Business professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-looking-front-smiling-with-happy-face-standing-pink-wall_141793-50825.jpg", alt: "Business professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg", alt: "Business professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/user-profile-sign-icon-front-side-with-white-background_187299-40018.jpg", alt: "Business professional" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Efficiency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainability",
|
||||
},
|
||||
{ type: "text", text: "Efficiency" },
|
||||
{ type: "text", text: "Innovation" },
|
||||
{ type: "text", text: "Quality" },
|
||||
{ type: "text", text: "Reliability" },
|
||||
{ type: "text", text: "Sustainability" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,21 +73,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Market Growth",
|
||||
value: "25%",
|
||||
},
|
||||
{ icon: Award, label: "Projects Completed", value: "500+" },
|
||||
{ icon: Users, label: "Satisfied Clients", value: "150+" },
|
||||
{ icon: TrendingUp, label: "Market Growth", value: "25%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -147,21 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Quality Assurance",
|
||||
description: "Rigorous standards maintained through every production stage.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Efficient Logistics",
|
||||
description: "Streamlined transport solutions for timely distribution.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Modern Tech Integration",
|
||||
description: "Cutting-edge tools for inventory management and monitoring.",
|
||||
},
|
||||
{ icon: ShieldCheck, title: "Quality Assurance", description: "Rigorous standards maintained through every production stage." },
|
||||
{ icon: Truck, title: "Efficient Logistics", description: "Streamlined transport solutions for timely distribution." },
|
||||
{ icon: Zap, title: "Modern Tech Integration", description: "Cutting-edge tools for inventory management and monitoring." },
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Professional industrial services designed to maximize efficiency and reliability in your supply chain."
|
||||
@@ -174,21 +102,9 @@ export default function LandingPage() {
|
||||
title="Performance at a Glance"
|
||||
tag="Efficiency"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Uptime Guarantee",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Technical Support",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
description: "Expert Technicians",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", description: "Uptime Guarantee" },
|
||||
{ id: "m2", value: "24/7", description: "Technical Support" },
|
||||
{ id: "m3", value: "100+", description: "Expert Technicians" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -200,24 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "Operations Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
role: "Supply Chain Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Thorne",
|
||||
role: "Tech Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex Rivers", role: "Operations Director", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg" },
|
||||
{ id: "t2", name: "Sarah Chen", role: "Supply Chain Lead", imageSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg" },
|
||||
{ id: "t3", name: "Marcus Thorne", role: "Tech Specialist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg" },
|
||||
]}
|
||||
title="Meet the Experts"
|
||||
description="Our leadership and technical teams represent the backbone of our operational excellence."
|
||||
@@ -229,56 +130,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "2023",
|
||||
title: "Manager",
|
||||
quote: "Reliable and efficient. Sotufamm transformed our workflow.",
|
||||
tag: "Industrial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "2023",
|
||||
title: "CEO",
|
||||
quote: "Outstanding dedication and service quality from the team.",
|
||||
tag: "Logistics",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/travel-3d-render-logo-illustration_460848-11288.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2024",
|
||||
title: "Operations",
|
||||
quote: "A true partner in innovation and efficiency.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/women-showing-friend-request-icon-using-tablet_53876-64881.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "2024",
|
||||
title: "Logistics Lead",
|
||||
quote: "They understand our challenges and solve them perfectly.",
|
||||
tag: "Distribution",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
date: "2024",
|
||||
title: "Director",
|
||||
quote: "Top-tier quality and professionalism every time.",
|
||||
tag: "Manufacturing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-company-concept_1194-617827.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", date: "2023", title: "Manager", quote: "Reliable and efficient. Sotufamm transformed our workflow.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg" },
|
||||
{ id: "2", name: "Michael Chen", date: "2023", title: "CEO", quote: "Outstanding dedication and service quality from the team.", tag: "Logistics", avatarSrc: "http://img.b2bpic.net/free-photo/travel-3d-render-logo-illustration_460848-11288.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "2024", title: "Operations", quote: "A true partner in innovation and efficiency.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/women-showing-friend-request-icon-using-tablet_53876-64881.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg" },
|
||||
{ id: "4", name: "David Kim", date: "2024", title: "Logistics Lead", quote: "They understand our challenges and solve them perfectly.", tag: "Distribution", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg" },
|
||||
{ id: "5", name: "Alex Smith", date: "2024", title: "Director", quote: "Top-tier quality and professionalism every time.", tag: "Manufacturing", avatarSrc: "http://img.b2bpic.net/free-photo/business-company-concept_1194-617827.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
||||
]}
|
||||
title="Trusted by Professionals"
|
||||
description="Hear directly from our partners about their success with our solutions."
|
||||
@@ -290,21 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What industries do you serve?",
|
||||
content: "We support a wide array of industrial and manufacturing sectors.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I get started?",
|
||||
content: "Simply contact our support team through the form below.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your tech secure?",
|
||||
content: "Security is built into our core operations and technology stack.",
|
||||
},
|
||||
{ id: "f1", title: "What industries do you serve?", content: "We support a wide array of industrial and manufacturing sectors." },
|
||||
{ id: "f2", title: "How do I get started?", content: "Simply contact our support team through the form below." },
|
||||
{ id: "f3", title: "Is your tech secure?", content: "Security is built into our core operations and technology stack." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries to help you understand our services better."
|
||||
@@ -315,30 +159,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Ready to get started? Reach out to our team today for a consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@sotufamm.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@sotufamm.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sotufamm"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user