Merge version_1_1781993805696 into main #1
@@ -11,213 +11,118 @@ 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">
|
||||
<HeroBillboardBrand
|
||||
brand="Construction Estimator & Virtual Assistant"
|
||||
description="Helping contractors, builders, and construction professionals save time through accurate quantity takeoffs, cost estimation, project documentation, and administrative support."
|
||||
primaryButton={{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440934.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Construction Estimator & Virtual Assistant"
|
||||
description="Helping contractors, builders, and construction professionals save time through accurate quantity takeoffs, cost estimation, project documentation, and administrative support."
|
||||
primaryButton={{ text: "View Services", href: "#services" }}
|
||||
secondaryButton={{ text: "Contact Me", href: "#contact" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440934.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="About Me"
|
||||
title="Hi, I'm Ron, a Licensed Civil Engineer"
|
||||
description="I help construction companies, contractors, and project managers streamline their workflow by providing accurate quantity takeoffs, material estimates, cost calculations, and administrative support. Detail-oriented, organized, and committed to delivering reliable work on time."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-young-architect-with-plans-helmet_23-2148269292.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="About Me"
|
||||
title="Hi, I'm Ron, a Licensed Civil Engineer"
|
||||
description="I help construction companies, contractors, and project managers streamline their workflow by providing accurate quantity takeoffs, material estimates, cost calculations, and administrative support. Detail-oriented, organized, and committed to delivering reliable work on time."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-young-architect-with-plans-helmet_23-2148269292.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Expert Services"
|
||||
title="Solutions for Construction Professionals"
|
||||
description="Comprehensive support for all project phases."
|
||||
items={[
|
||||
{
|
||||
title: "Quantity Takeoffs",
|
||||
description: "Accurate material takeoffs for residential and commercial projects.",
|
||||
buttonIcon: "Calculator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-decoration-project_23-2150334534.jpg",
|
||||
},
|
||||
{
|
||||
title: "Documentation",
|
||||
description: "Organized project files and construction documentation.",
|
||||
buttonIcon: "FileText",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836106.jpg",
|
||||
},
|
||||
{
|
||||
title: "CAD Drafting",
|
||||
description: "AutoCAD drafting support, revisions, and as-builts.",
|
||||
buttonIcon: "DraftingCompass",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-woman-her-desk-working-blueprints-business-creativity-architecture-job_482257-33113.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cost Analysis",
|
||||
description: "Bill of Quantities (BOQ) and detailed cost estimation.",
|
||||
buttonIcon: "TrendingUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-using-computer-talking-with-colleague_53876-14454.jpg",
|
||||
},
|
||||
{
|
||||
title: "Admin Support",
|
||||
description: "Virtual assistance including data entry and scheduling.",
|
||||
buttonIcon: "Headset",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-clipboard-near-working-colleague_23-2147808052.jpg",
|
||||
},
|
||||
{
|
||||
title: "Plan Updates",
|
||||
description: "Managing plan revisions and updates effectively.",
|
||||
buttonIcon: "RefreshCw",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-designer-working-with-blueprints_1098-18822.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expert Services"
|
||||
title="Solutions for Construction Professionals"
|
||||
description="Comprehensive support for all project phases."
|
||||
items={[
|
||||
{ title: "Quantity Takeoffs", description: "Accurate material takeoffs for residential and commercial projects.", buttonIcon: "Calculator", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-decoration-project_23-2150334534.jpg" },
|
||||
{ title: "Documentation", description: "Organized project files and construction documentation.", buttonIcon: "FileText", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836106.jpg" },
|
||||
{ title: "CAD Drafting", description: "AutoCAD drafting support, revisions, and as-builts.", buttonIcon: "DraftingCompass", imageSrc: "http://img.b2bpic.net/free-photo/architect-woman-her-desk-working-blueprints-business-creativity-architecture-job_482257-33113.jpg" },
|
||||
{ title: "Cost Analysis", description: "Bill of Quantities (BOQ) and detailed cost estimation.", buttonIcon: "TrendingUp", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-man-using-computer-talking-with-colleague_53876-14454.jpg" },
|
||||
{ title: "Admin Support", description: "Virtual assistance including data entry and scheduling.", buttonIcon: "Headset", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-clipboard-near-working-colleague_23-2147808052.jpg" },
|
||||
{ title: "Plan Updates", description: "Managing plan revisions and updates effectively.", buttonIcon: "RefreshCw", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-designer-working-with-blueprints_1098-18822.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Performance"
|
||||
title="Proven Results"
|
||||
description="I am committed to improving project efficiency."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Attention to Detail",
|
||||
description: "Consistently accurate estimates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphics-laptop_1134-237.jpg",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Reliability",
|
||||
description: "Professional communication and deadlines met.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-paper-cut-out_23-2148456203.jpg",
|
||||
},
|
||||
{
|
||||
value: "Expert",
|
||||
title: "Construction Background",
|
||||
description: "Licensed Civil Engineer expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-statistic-green-blackboard_1379-290.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Performance"
|
||||
title="Proven Results"
|
||||
description="I am committed to improving project efficiency."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Attention to Detail", description: "Consistently accurate estimates.", imageSrc: "http://img.b2bpic.net/free-photo/graphics-laptop_1134-237.jpg" },
|
||||
{ value: "24/7", title: "Reliability", description: "Professional communication and deadlines met.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-paper-cut-out_23-2148456203.jpg" },
|
||||
{ value: "Expert", title: "Construction Background", description: "Licensed Civil Engineer expertise.", imageSrc: "http://img.b2bpic.net/free-photo/data-statistic-green-blackboard_1379-290.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamStackedCards
|
||||
tag="About the Engineer"
|
||||
title="Working with me"
|
||||
members={[
|
||||
{
|
||||
name: "Ron",
|
||||
role: "Licensed Civil Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="About the Engineer"
|
||||
title="Working with me"
|
||||
description="I bring professional, engineering-backed support to your construction projects, ensuring precision, clarity, and reliability in every document and estimate I handle."
|
||||
members={[
|
||||
{ name: "Ron", role: "Licensed Civil Engineer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Social Proof"
|
||||
title="What Clients Say"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Construction Manager",
|
||||
quote: "Ron consistently delivers accurate estimates and organized project documentation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
role: "Contractor",
|
||||
quote: "Professional, responsive, and dependable. Ron helped streamline our process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12819.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "Project Owner",
|
||||
quote: "Highly efficient. Ron's engineering background makes all the difference.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
role: "Senior Estimator",
|
||||
quote: "Ron is a valuable asset to any construction team. Extremely reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex P.",
|
||||
role: "Firm Principal",
|
||||
quote: "Extremely thorough with construction plans and as-builts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet-work_23-2148921380.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Social Proof"
|
||||
title="What Clients Say"
|
||||
description="Trusted by professionals across the construction industry."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", role: "Construction Manager", quote: "Ron consistently delivers accurate estimates and organized project documentation.", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg" },
|
||||
{ name: "Michael Chen", role: "Contractor", quote: "Professional, responsive, and dependable. Ron helped streamline our process.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12819.jpg" },
|
||||
{ name: "Emily R.", role: "Project Owner", quote: "Highly efficient. Ron's engineering background makes all the difference.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg" },
|
||||
{ name: "David Kim", role: "Senior Estimator", quote: "Ron is a valuable asset to any construction team. Extremely reliable.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg" },
|
||||
{ name: "Alex P.", role: "Firm Principal", quote: "Extremely thorough with construction plans and as-builts.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet-work_23-2148921380.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
items={[
|
||||
{
|
||||
question: "What software do you use?",
|
||||
answer: "I am proficient in Bluebeam Revu, AutoCAD, Excel, and Microsoft Office Suite.",
|
||||
},
|
||||
{
|
||||
question: "How do we collaborate?",
|
||||
answer: "We can communicate via email, Slack, or project management platforms like Asana or Google Drive.",
|
||||
},
|
||||
{
|
||||
question: "Are you licensed?",
|
||||
answer: "Yes, I am a licensed Civil Engineer with extensive experience in the field.",
|
||||
},
|
||||
{
|
||||
question: "How fast is your turnaround?",
|
||||
answer: "I pride myself on meeting deadlines and will provide estimates within the agreed timeframe.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
description="Here are the answers to some frequently asked questions."
|
||||
items={[
|
||||
{ question: "What software do you use?", answer: "I am proficient in Bluebeam Revu, AutoCAD, Excel, and Microsoft Office Suite." },
|
||||
{ question: "How do we collaborate?", answer: "We can communicate via email, Slack, or project management platforms like Asana or Google Drive." },
|
||||
{ question: "Are you licensed?", answer: "Yes, I am a licensed Civil Engineer with extensive experience in the field." },
|
||||
{ question: "How fast is your turnaround?", answer: "I pride myself on meeting deadlines and will provide estimates within the agreed timeframe." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in touch"
|
||||
text="Ready to discuss your project? Let's work together to make your projects more efficient and organized."
|
||||
primaryButton={{
|
||||
text: "Email Ron",
|
||||
href: "mailto:your.email@gmail.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Schedule a Call",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in touch"
|
||||
text="Ready to discuss your project? Let's work together to make your projects more efficient and organized."
|
||||
primaryButton={{ text: "Email Ron", href: "mailto:your.email@gmail.com" }}
|
||||
secondaryButton={{ text: "Schedule a Call", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user