Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="O'Sullivan Construction"
|
||||
/>
|
||||
@@ -55,42 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Building Your Vision with Excellence"
|
||||
description="O'Sullivan Construction provides premium residential and commercial construction services. Quality craftsmanship, delivered on time."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Projects", href: "#projects" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-white-house-garden_1150-12900.jpg",
|
||||
imageAlt: "Modern home exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-with-plans_23-2147704227.jpg",
|
||||
imageAlt: "Construction site interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976526.jpg",
|
||||
imageAlt: "Kitchen renovation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317232.jpg",
|
||||
imageAlt: "Commercial building project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278564.jpg",
|
||||
imageAlt: "Architectural detailing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparation-wooden-planks-by-carpenter_329181-15658.jpg",
|
||||
imageAlt: "Custom carpentry work",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-white-house-garden_1150-12900.jpg", imageAlt: "Modern home exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-with-plans_23-2147704227.jpg", imageAlt: "Construction site interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976526.jpg", imageAlt: "Kitchen renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317232.jpg", imageAlt: "Commercial building project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278564.jpg", imageAlt: "Architectural detailing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/preparation-wooden-planks-by-carpenter_329181-15658.jpg", imageAlt: "Custom carpentry work" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Commitment"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Licensed & Insured",
|
||||
value: "Full",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "25+" },
|
||||
{ icon: CheckCircle, label: "Projects Completed", value: "500+" },
|
||||
{ icon: Shield, label: "Licensed & Insured", value: "Full" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -122,28 +73,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Construction",
|
||||
description: "Custom homes tailored to your lifestyle and needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
|
||||
imageAlt: "Residential home build",
|
||||
},
|
||||
{
|
||||
title: "Commercial Projects",
|
||||
description: "High-quality workspace design and structural build.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg",
|
||||
imageAlt: "Commercial project",
|
||||
},
|
||||
{
|
||||
title: "Renovations & Remodels",
|
||||
description: "Breathe new life into your existing space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg",
|
||||
imageAlt: "Renovation work",
|
||||
},
|
||||
{ title: "Residential Construction", description: "Custom homes tailored to your lifestyle and needs.", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg", imageAlt: "Residential home build" },
|
||||
{ title: "Commercial Projects", description: "High-quality workspace design and structural build.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg", imageAlt: "Commercial project" },
|
||||
{ title: "Renovations & Remodels", description: "Breathe new life into your existing space.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg", imageAlt: "Renovation work" },
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Comprehensive construction solutions for every stage of your project."
|
||||
@@ -157,42 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Urban Home",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-travel-full-shot-woman_23-2149204471.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Downtown Office Loft",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pub-interior-with-motorcycle-installation_1262-3608.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Kitchen Renovation",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Outdoor Living Space",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2869.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Luxury Retail Space",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976618.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Custom Craftsman Build",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317324.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Modern Urban Home", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/luxury-travel-full-shot-woman_23-2149204471.jpg" },
|
||||
{ id: "p2", name: "Downtown Office Loft", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/pub-interior-with-motorcycle-installation_1262-3608.jpg" },
|
||||
{ id: "p3", name: "Kitchen Renovation", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg" },
|
||||
{ id: "p4", name: "Outdoor Living Space", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2869.jpg" },
|
||||
{ id: "p5", name: "Luxury Retail Space", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976618.jpg" },
|
||||
{ id: "p6", name: "Custom Craftsman Build", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317324.jpg" },
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Showcasing our recent high-end construction endeavors."
|
||||
@@ -205,24 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Clock,
|
||||
title: "On Time Delivery",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Client Satisfaction",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Safety Rating",
|
||||
value: "5/5",
|
||||
},
|
||||
{ id: "m1", icon: Clock, title: "On Time Delivery", value: "98%" },
|
||||
{ id: "m2", icon: Smile, title: "Client Satisfaction", value: "100%" },
|
||||
{ id: "m3", icon: Star, title: "Safety Rating", value: "5/5" },
|
||||
]}
|
||||
title="Key Statistics"
|
||||
description="Delivering excellence through precision and efficiency."
|
||||
@@ -236,46 +128,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane Doe",
|
||||
role: "Owner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Smith",
|
||||
role: "CEO",
|
||||
company: "Commercial",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Lee",
|
||||
role: "Designer",
|
||||
company: "Partners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-architect-hardhat_1303-19290.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin Brown",
|
||||
role: "Client",
|
||||
company: "Renovation",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Ray",
|
||||
role: "Homeowner",
|
||||
company: "Residential",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-hair-while-moving-into-house_329181-18218.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Jane Doe", role: "Owner", company: "Residential", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg" },
|
||||
{ id: "t2", name: "Mark Smith", role: "CEO", company: "Commercial", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg" },
|
||||
{ id: "t3", name: "Sarah Lee", role: "Designer", company: "Partners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-architect-hardhat_1303-19290.jpg" },
|
||||
{ id: "t4", name: "Kevin Brown", role: "Client", company: "Renovation", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg" },
|
||||
{ id: "t5", name: "Lisa Ray", role: "Homeowner", company: "Residential", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-woman-hair-while-moving-into-house_329181-18218.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Words from our satisfied homeowners and business partners."
|
||||
@@ -287,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Contact us for a consultation, and we will walk through your needs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are estimates free?",
|
||||
content: "Yes, initial site visits and project estimates are free of charge.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What regions do you serve?",
|
||||
content: "We cover a 50-mile radius around our main headquarters.",
|
||||
},
|
||||
{ id: "q1", title: "How do we start?", content: "Contact us for a consultation, and we will walk through your needs." },
|
||||
{ id: "q2", title: "Are estimates free?", content: "Yes, initial site visits and project estimates are free of charge." },
|
||||
{ id: "q3", title: "What regions do you serve?", content: "We cover a 50-mile radius around our main headquarters." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you understand our process."
|
||||
@@ -312,16 +157,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to start your next construction project? Our team is standing by to help you build your dream."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@osullivan.construction",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@osullivan.construction" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -330,37 +168,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-red-metal-frame-day_250224-178.jpg"
|
||||
logoText="O'Sullivan"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Projects",
|
||||
items: [
|
||||
{
|
||||
label: "View Portfolio",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Projects", items: [{ label: "View Portfolio", href: "#projects" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user