Merge version_1_1781455365333 into main #1
@@ -8,66 +8,41 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "About",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Services",
|
||||
"href": "#services"
|
||||
},
|
||||
{
|
||||
"name": "Products",
|
||||
"href": "#products"
|
||||
},
|
||||
{
|
||||
"name": "Contact",
|
||||
"href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
}
|
||||
];
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Services", href: "#services" },
|
||||
{ name: "Products", href: "#products" },
|
||||
{ name: "Contact", href: "#contact" },
|
||||
{ name: "Hero", href: "#hero" },
|
||||
{ name: "Metrics", href: "#metrics" },
|
||||
{ name: "Testimonials", href: "#testimonials" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="magnetic" siteBackground="gridDots" heroBackground="lightRaysCenter">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="Societe Erriadh"
|
||||
ctaButton={{
|
||||
text: "Get in touch",
|
||||
href: "#contact",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="Societe Erriadh"
|
||||
logoImageSrc="http://img.b2bpic.net/free-vector/modern-geometric-monogram-logo-branding_125964-4542.jpg"
|
||||
ctaButton={{
|
||||
text: "Get in touch", href: "#contact"}}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterMinimal
|
||||
brand="Societe Erriadh"
|
||||
copyright="© 2024 Societe Erriadh. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
brand="Societe Erriadh"
|
||||
copyright="© 2024 Societe Erriadh. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: "Linkedin", href: "#"},
|
||||
{
|
||||
icon: "Twitter", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -13,252 +13,171 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlay
|
||||
tag="Solutions & Expertise"
|
||||
title="Excellence in Every Service"
|
||||
description="Societe Erriadh provides high-quality industrial and commercial solutions, backed by years of market leadership and local reliability."
|
||||
primaryButton={{
|
||||
text: "Discover our work",
|
||||
href: "#services",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact us",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-hotel-hall_1203-959.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Solutions & Expertise"
|
||||
title="Excellence in Every Service"
|
||||
description="Societe Erriadh provides high-quality industrial and commercial solutions, backed by years of market leadership and local reliability."
|
||||
primaryButton={{
|
||||
text: "Discover our work", href: "#services"}}
|
||||
secondaryButton={{
|
||||
text: "Contact us", href: "#contact"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-hotel-hall_1203-959.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Societe Erriadh has built its reputation on precision, efficiency, and dedication. We empower clients with top-tier industrial solutions and logistical excellence tailored to meet complex requirements."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Societe Erriadh has built its reputation on precision, efficiency, and dedication. We empower clients with top-tier industrial solutions and logistical excellence tailored to meet complex requirements."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesBorderGlow
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Industrial Solutions"
|
||||
description="We specialize in delivering robust services across various industrial segments."
|
||||
features={[
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Precision Manufacturing",
|
||||
description: "High-quality industrial parts and custom assembly services.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Global Logistics",
|
||||
description: "Seamless supply chain management and reliable distribution.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Safety & Quality",
|
||||
description: "Strict compliance with international industrial safety standards.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Industrial Solutions"
|
||||
description="We specialize in delivering robust services across various industrial segments."
|
||||
features={[
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Precision Manufacturing", description: "High-quality industrial parts and custom assembly services."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Global Logistics", description: "Seamless supply chain management and reliable distribution."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Safety & Quality", description: "Strict compliance with international industrial safety standards."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Our Impact"
|
||||
title="Proven Track Record"
|
||||
description="Hard work and dedication define our history."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
description: "Years of expertise",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
description: "Successful projects",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
description: "Customer support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Proven Track Record"
|
||||
description="Hard work and dedication define our history."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+", description: "Years of expertise"},
|
||||
{
|
||||
value: "500+", description: "Successful projects"},
|
||||
{
|
||||
value: "24/7", description: "Customer support"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Product Catalog"
|
||||
title="High-Performance Materials"
|
||||
description="Explore our core product range."
|
||||
items={[
|
||||
{
|
||||
title: "Industrial Parts",
|
||||
description: "Durable steel components.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-detail-machinery_114579-2839.jpg",
|
||||
},
|
||||
{
|
||||
title: "Storage Solutions",
|
||||
description: "Smart warehouse modules.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-room-background-with-white-walls_23-2151020116.jpg",
|
||||
},
|
||||
{
|
||||
title: "Metal Raw Materials",
|
||||
description: "Top-tier alloys.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-process-steel-factory_140725-7628.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hardware Tools",
|
||||
description: "Heavy-duty equipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-saw_23-2147773421.jpg",
|
||||
},
|
||||
{
|
||||
title: "Construction Modules",
|
||||
description: "Reliable frameworks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction_23-2147785499.jpg",
|
||||
},
|
||||
{
|
||||
title: "Piping Systems",
|
||||
description: "Efficient fluid handling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-expert-instructing-technician-how-best-harness-sun-power_482257-118156.jpg",
|
||||
},
|
||||
{
|
||||
title: "Distribution Trucks",
|
||||
description: "Logistics vehicles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827284.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Product Catalog"
|
||||
title="High-Performance Materials"
|
||||
description="Explore our core product range."
|
||||
items={[
|
||||
{
|
||||
title: "Industrial Parts", description: "Durable steel components.", imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-detail-machinery_114579-2839.jpg"},
|
||||
{
|
||||
title: "Storage Solutions", description: "Smart warehouse modules.", imageSrc: "http://img.b2bpic.net/free-photo/empty-room-background-with-white-walls_23-2151020116.jpg"},
|
||||
{
|
||||
title: "Metal Raw Materials", description: "Top-tier alloys.", imageSrc: "http://img.b2bpic.net/free-photo/working-process-steel-factory_140725-7628.jpg"},
|
||||
{
|
||||
title: "Hardware Tools", description: "Heavy-duty equipment.", imageSrc: "http://img.b2bpic.net/free-photo/tools-saw_23-2147773421.jpg"},
|
||||
{
|
||||
title: "Construction Modules", description: "Reliable frameworks.", imageSrc: "http://img.b2bpic.net/free-photo/building-construction_23-2147785499.jpg"},
|
||||
{
|
||||
title: "Piping Systems", description: "Efficient fluid handling.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-expert-instructing-technician-how-best-harness-sun-power_482257-118156.jpg"},
|
||||
{
|
||||
title: "Distribution Trucks", description: "Logistics vehicles.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827284.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Testimonials"
|
||||
title="Valued by our clients"
|
||||
description="Here is what our partners say about us."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Benali",
|
||||
role: "Logistics Manager",
|
||||
company: "TechTrade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-airport-with-suitcase_1157-33706.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Amara",
|
||||
role: "Director",
|
||||
company: "Industri-X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-holding-hand-pocket_23-2148095771.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Karim Mansour",
|
||||
role: "Engineer",
|
||||
company: "BuildCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-businessman-resting-cushions_1262-1762.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fatima Zaid",
|
||||
role: "Supply Chain",
|
||||
company: "LogiGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-with-crossed-arms-dressed-blue-jacket-grey-vignette-background_613910-20111.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Youssef Touati",
|
||||
role: "Manager",
|
||||
company: "GlobalTrade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Testimonials"
|
||||
title="Valued by our clients"
|
||||
description="Here is what our partners say about us."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmed Benali", role: "Logistics Manager", company: "TechTrade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-airport-with-suitcase_1157-33706.jpg"},
|
||||
{
|
||||
name: "Sarah Amara", role: "Director", company: "Industri-X", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-holding-hand-pocket_23-2148095771.jpg"},
|
||||
{
|
||||
name: "Karim Mansour", role: "Engineer", company: "BuildCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-businessman-resting-cushions_1262-1762.jpg"},
|
||||
{
|
||||
name: "Fatima Zaid", role: "Supply Chain", company: "LogiGroup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-with-crossed-arms-dressed-blue-jacket-grey-vignette-background_613910-20111.jpg"},
|
||||
{
|
||||
name: "Youssef Touati", role: "Manager", company: "GlobalTrade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SectionErrorBoundary name="socialproof">
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SectionErrorBoundary name="socialproof">
|
||||
<SocialProofMarquee
|
||||
tag="Our Network"
|
||||
title="Trusted Partners"
|
||||
description="We work with top industry leaders."
|
||||
names={[
|
||||
"Global Industries",
|
||||
"Steelcorp",
|
||||
"TradeMax",
|
||||
"LogisticPartners",
|
||||
"BuildXpert",
|
||||
"TerraSupply",
|
||||
"EnergyGroup",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Network"
|
||||
title="Trusted Partners"
|
||||
description="We work with top industry leaders."
|
||||
names={[
|
||||
"Global Industries", "Steelcorp", "TradeMax", "LogisticPartners", "BuildXpert", "TerraSupply", "EnergyGroup"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "What areas do you serve?",
|
||||
answer: "We serve all major industrial zones.",
|
||||
},
|
||||
{
|
||||
question: "How can I request a quote?",
|
||||
answer: "Use our contact form for quick quotes.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
items: [
|
||||
{
|
||||
question: "Are your services guaranteed?",
|
||||
answer: "Yes, quality compliance is our priority.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{
|
||||
question: "What areas do you serve?", answer: "We serve all major industrial zones."},
|
||||
{
|
||||
question: "How can I request a quote?", answer: "Use our contact form for quick quotes."},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Services", items: [
|
||||
{
|
||||
question: "Are your services guaranteed?", answer: "Yes, quality compliance is our priority."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Let's Connect"
|
||||
text="Ready to get started on your next industrial project?"
|
||||
primaryButton={{
|
||||
text: "Contact us today",
|
||||
href: "mailto:contact@societeerriadh.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View our profile",
|
||||
href: "#about",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Let's Connect"
|
||||
text="Ready to get started on your next industrial project?"
|
||||
primaryButton={{
|
||||
text: "Contact us today", href: "mailto:contact@societeerriadh.com"}}
|
||||
secondaryButton={{
|
||||
text: "View our profile", href: "#about"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user