Update src/app/page.tsx
This commit is contained in:
175
src/app/page.tsx
175
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, Building2, Truck } from "lucide-react";
|
||||
import { Award, Building2, Truck, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Order Steel",
|
||||
id: "/orders",
|
||||
},
|
||||
name: "Order Steel", id: "/orders"},
|
||||
{
|
||||
name: "Hours",
|
||||
id: "/hours",
|
||||
},
|
||||
name: "Hours", id: "/hours"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Simba Roofing"
|
||||
/>
|
||||
@@ -56,36 +48,22 @@ export default function LandingPage() {
|
||||
description="Simba Roofing and Steel provides the highest quality industrial-grade steel and roofing solutions for commercial and residential projects."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "/orders",
|
||||
},
|
||||
text: "Order Now", href: "/orders"},
|
||||
{
|
||||
text: "View Hours",
|
||||
href: "/hours",
|
||||
},
|
||||
text: "View Hours", href: "/hours"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architectural-perspective-steel-structure-looking-up_23-2152006118.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg",
|
||||
alt: "Man looking away while going upstairs with coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg", alt: "Man looking away while going upstairs with coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-talking-phone-holding-laptop_23-2148308604.jpg",
|
||||
alt: "Businessman talking on the phone holding laptop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-talking-phone-holding-laptop_23-2148308604.jpg", alt: "Businessman talking on the phone holding laptop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg",
|
||||
alt: "Front view real estate agent working",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322086.jpg", alt: "Front view real estate agent working"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sale-agent-preparing-presenting-house_23-2149383585.jpg",
|
||||
alt: "Sale agent preparing for presenting house",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sale-agent-preparing-presenting-house_23-2149383585.jpg", alt: "Sale agent preparing for presenting house"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-side-view-engineer-talking-phone_23-2148233745.jpg",
|
||||
alt: "Medium shot side view of engineer talking on the phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-side-view-engineer-talking-phone_23-2148233745.jpg", alt: "Medium shot side view of engineer talking on the phone"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ industry professionals"
|
||||
/>
|
||||
@@ -97,28 +75,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Durable Roofing",
|
||||
description: "Weather-resistant materials built for extreme conditions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Durable Roofing", description: "Weather-resistant materials built for extreme conditions.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Fabrication Services",
|
||||
description: "Custom steel fabrication tailored to your unique specifications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-protective-mask-is-cutting-metal-sparks-are-flying-away_613910-5539.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Fabrication Services", description: "Custom steel fabrication tailored to your unique specifications.", imageSrc: "http://img.b2bpic.net/free-photo/man-protective-mask-is-cutting-metal-sparks-are-flying-away_613910-5539.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Structural Framework",
|
||||
description: "Engineered steel beams for robust building support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Structural Framework", description: "Engineered steel beams for robust building support.", imageSrc: "http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Quality Inspections",
|
||||
description: "Rigorous checks to ensure every piece meets our standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-with-tablet-near-car-work-clothes_1157-46161.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Quality Inspections", description: "Rigorous checks to ensure every piece meets our standards.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-with-tablet-near-car-work-clothes_1157-46161.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Unmatched Quality"
|
||||
@@ -132,45 +98,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Quality",
|
||||
quote: "Simba's steel is consistently the strongest in the market.",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO, BuildCo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-suit-working-marketing-presentation-sitting-bech-outside-front-corporate-building-office-executive-manager-searching-information-internet_482257-30496.jpg",
|
||||
},
|
||||
id: "1", title: "Great Quality", quote: "Simba's steel is consistently the strongest in the market.", name: "Sarah Johnson", role: "CEO, BuildCo", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-suit-working-marketing-presentation-sitting-bech-outside-front-corporate-building-office-executive-manager-searching-information-internet_482257-30496.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast Delivery",
|
||||
quote: "Their turnaround time helped us beat our project deadline.",
|
||||
name: "Michael Chen",
|
||||
role: "Contractor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-looking-camera_23-2148269287.jpg",
|
||||
},
|
||||
id: "2", title: "Fast Delivery", quote: "Their turnaround time helped us beat our project deadline.", name: "Michael Chen", role: "Contractor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-looking-camera_23-2148269287.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Reliable Support",
|
||||
quote: "The engineering team was incredibly helpful with specs.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-architect-who-controls-sketches-real-estate-project-cozy-work-place_482257-31156.jpg",
|
||||
},
|
||||
id: "3", title: "Reliable Support", quote: "The engineering team was incredibly helpful with specs.", name: "Emily Rodriguez", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-architect-who-controls-sketches-real-estate-project-cozy-work-place_482257-31156.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Top-notch Roofs",
|
||||
quote: "Their roofing membranes are the only ones we trust.",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-plans_23-2147702496.jpg",
|
||||
},
|
||||
id: "4", title: "Top-notch Roofs", quote: "Their roofing membranes are the only ones we trust.", name: "David Kim", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-plans_23-2147702496.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Solid Choice",
|
||||
quote: "Reliable steel, great pricing, and even better service.",
|
||||
name: "Linda Wu",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-meeting_23-2149033720.jpg",
|
||||
},
|
||||
id: "5", title: "Solid Choice", quote: "Reliable steel, great pricing, and even better service.", name: "Linda Wu", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-meeting_23-2149033720.jpg"},
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="Hear why contractors and developers choose Simba for their projects."
|
||||
@@ -188,20 +124,11 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you deliver to site?",
|
||||
content: "Yes, we provide full delivery services for all bulk steel and roofing materials.",
|
||||
},
|
||||
id: "q1", title: "Do you deliver to site?", content: "Yes, we provide full delivery services for all bulk steel and roofing materials."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I request a custom cut?",
|
||||
content: "Absolutely, our fabrication team is happy to provide custom length and shape services.",
|
||||
},
|
||||
id: "q2", title: "Can I request a custom cut?", content: "Absolutely, our fabrication team is happy to provide custom length and shape services."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the warranty on products?",
|
||||
content: "Our industrial-grade steel and roofing materials come with a standard 10-year structural warranty.",
|
||||
},
|
||||
id: "q3", title: "What is the warranty on products?", content: "Our industrial-grade steel and roofing materials come with a standard 10-year structural warranty."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -215,23 +142,14 @@ export default function LandingPage() {
|
||||
description="Consistent performance in every supply we provide."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Building2,
|
||||
title: "Projects Completed",
|
||||
value: "1,200+",
|
||||
},
|
||||
id: "m1", icon: Building2,
|
||||
title: "Projects Completed", value: "1,200+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Truck,
|
||||
title: "Deliveries Per Month",
|
||||
value: "450",
|
||||
},
|
||||
id: "m2", icon: Truck,
|
||||
title: "Deliveries Per Month", value: "450"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Years of Expertise",
|
||||
value: "25",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Years of Expertise", value: "25"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -240,42 +158,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Steel",
|
||||
href: "/orders",
|
||||
},
|
||||
label: "Steel", href: "/orders"},
|
||||
{
|
||||
label: "Roofing",
|
||||
href: "/orders",
|
||||
},
|
||||
label: "Roofing", href: "/orders"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Hours",
|
||||
href: "/hours",
|
||||
},
|
||||
label: "Hours", href: "/hours"},
|
||||
{
|
||||
label: "Ordering",
|
||||
href: "/orders",
|
||||
},
|
||||
label: "Ordering", href: "/orders"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user