Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -30,29 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
name: "Projects", id: "/projects"},
|
||||
{
|
||||
name: "Safety",
|
||||
id: "/safety",
|
||||
},
|
||||
name: "Safety", id: "/safety"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Jasso Framing LLC"
|
||||
/>
|
||||
@@ -61,103 +49,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build on Quality. Driven By Precision. "
|
||||
description="Expert framing and structural wood solutions for large-scale multifamily and commercial projects across Texas and beyond."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mike Anderson",
|
||||
handle: "GC, Texas Builders",
|
||||
testimonial: "Jasso Framing always hits their schedule and the quality is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-digitally-generated-paper-logistics-working_1134-928.jpg",
|
||||
},
|
||||
name: "Mike Anderson", handle: "GC, Texas Builders", testimonial: "Jasso Framing always hits their schedule and the quality is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-digitally-generated-paper-logistics-working_1134-928.jpg"},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "Developer, Austin Living",
|
||||
testimonial: "Their coordination and professionalism on our apartment communities is stellar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "Developer, Austin Living", testimonial: "Their coordination and professionalism on our apartment communities is stellar.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg"},
|
||||
{
|
||||
name: "David Chen",
|
||||
handle: "Structural Lead",
|
||||
testimonial: "Precise, efficient, and safety-first. Highly recommend for large projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg",
|
||||
},
|
||||
name: "David Chen", handle: "Structural Lead", testimonial: "Precise, efficient, and safety-first. Highly recommend for large projects.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg"},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "Project Manager",
|
||||
testimonial: "The best framing partner we've had on our commercial developments.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886820.jpg",
|
||||
},
|
||||
name: "Elena Rodriguez", handle: "Project Manager", testimonial: "The best framing partner we've had on our commercial developments.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886820.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "Site Supervisor",
|
||||
testimonial: "Incredible attention to detail on every framing sequence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-safety-helmet-vest_23-2148269280.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "Site Supervisor", testimonial: "Incredible attention to detail on every framing sequence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-safety-helmet-vest_23-2148269280.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
text: "View Projects", href: "/projects"},
|
||||
{
|
||||
text: "Request a Bid",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/new-house-construction-site_23-2151933435.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg",
|
||||
alt: "Construction Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg", alt: "Construction Manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
|
||||
alt: "Site Foreman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg", alt: "Site Foreman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg",
|
||||
alt: "Lead Carpenter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg", alt: "Lead Carpenter"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
|
||||
alt: "Architect",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg", alt: "Architect"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-architect-hardhat_1303-19290.jpg",
|
||||
alt: "Project Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-architect-hardhat_1303-19290.jpg", alt: "Project Manager"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Industry Professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Multifamily Experts",
|
||||
},
|
||||
type: "text", text: "Multifamily Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Texas-Wide Operations",
|
||||
},
|
||||
type: "text", text: "Texas-Wide Operations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "20+ Years Experience",
|
||||
},
|
||||
type: "text", text: "20+ Years Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safety First",
|
||||
},
|
||||
type: "text", text: "Safety First"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Structural Integrity",
|
||||
},
|
||||
type: "text", text: "Structural Integrity"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,34 +112,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1 M+",
|
||||
title: "SQFT Framed",
|
||||
items: [
|
||||
"Multifamily",
|
||||
"Commercial",
|
||||
"Residential",
|
||||
],
|
||||
id: "m1", value: "1 M+", title: "SQFT Framed", items: [
|
||||
"Multifamily", "Commercial", "Residential"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expertise",
|
||||
"Reliability",
|
||||
"Craft",
|
||||
],
|
||||
id: "m2", value: "20+", title: "Years Experience", items: [
|
||||
"Expertise", "Reliability", "Craft"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Large Scale",
|
||||
"Commercial",
|
||||
"Multifamily",
|
||||
],
|
||||
id: "m3", value: "50+", title: "Projects Completed", items: [
|
||||
"Large Scale", "Commercial", "Multifamily"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
@@ -210,20 +135,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Multifamily Framing",
|
||||
description: "High-efficiency framing for large apartment communities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-architect-wearing-helmet_23-2148815563.jpg",
|
||||
},
|
||||
title: "Multifamily Framing", description: "High-efficiency framing for large apartment communities.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-architect-wearing-helmet_23-2148815563.jpg"},
|
||||
{
|
||||
title: "Exterior Sheathing",
|
||||
description: "Professional installation for maximum building envelope protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-construction-site-wearing-medical-mask_23-2148784069.jpg",
|
||||
},
|
||||
title: "Exterior Sheathing", description: "Professional installation for maximum building envelope protection.", imageSrc: "http://img.b2bpic.net/free-photo/worker-construction-site-wearing-medical-mask_23-2148784069.jpg"},
|
||||
{
|
||||
title: "Floor Decking",
|
||||
description: "Engineered floor decking for sturdy, structural stability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-home-covid-test_23-2149173542.jpg",
|
||||
},
|
||||
title: "Floor Decking", description: "Engineered floor decking for sturdy, structural stability.", imageSrc: "http://img.b2bpic.net/free-photo/person-doing-home-covid-test_23-2149173542.jpg"},
|
||||
]}
|
||||
title="Framing Excellence"
|
||||
description="Our core services meet the highest standards of structural integrity."
|
||||
@@ -238,41 +154,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Austin Multifamily Complex",
|
||||
price: "1.2M SQFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-office-modern-buildings_23-2148836835.jpg",
|
||||
},
|
||||
id: "p1", name: "Austin Multifamily Complex", price: "1.2M SQFT", imageSrc: "http://img.b2bpic.net/free-photo/tall-office-modern-buildings_23-2148836835.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dallas Commercial Support",
|
||||
price: "800k SQFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317359.jpg",
|
||||
},
|
||||
id: "p2", name: "Dallas Commercial Support", price: "800k SQFT", imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317359.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Texas Roof Truss Build",
|
||||
price: "500k SQFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
|
||||
},
|
||||
id: "p3", name: "Texas Roof Truss Build", price: "500k SQFT", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Modern Pop-Out Framing",
|
||||
price: "200k SQFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/structure-tokyo-tower_1150-11154.jpg",
|
||||
},
|
||||
id: "p4", name: "Modern Pop-Out Framing", price: "200k SQFT", imageSrc: "http://img.b2bpic.net/free-photo/structure-tokyo-tower_1150-11154.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Wall Panel System Install",
|
||||
price: "600k SQFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-with-some-bags-chemicals-heavy-industry-machinery-metalworking-workshop-concept_645730-450.jpg",
|
||||
},
|
||||
id: "p5", name: "Wall Panel System Install", price: "600k SQFT", imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-with-some-bags-chemicals-heavy-industry-machinery-metalworking-workshop-concept_645730-450.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Structural Decking Project",
|
||||
price: "400k SQFT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/younger-older-carpenter-measuring-wooden-planks_329181-15704.jpg",
|
||||
},
|
||||
id: "p6", name: "Structural Decking Project", price: "400k SQFT", imageSrc: "http://img.b2bpic.net/free-photo/younger-older-carpenter-measuring-wooden-planks_329181-15704.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A look at our recent commercial and multifamily framing developments."
|
||||
@@ -286,40 +178,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mike A.",
|
||||
handle: "GC",
|
||||
testimonial: "Elite work every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg",
|
||||
},
|
||||
id: "t1", name: "Mike A.", handle: "GC", testimonial: "Elite work every time.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah M.",
|
||||
handle: "Dev",
|
||||
testimonial: "Professional coordination.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seriously-engineer-girl-is-looking-camera-by-raising-up-pen-white-background_176474-116387.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah M.", handle: "Dev", testimonial: "Professional coordination.", imageSrc: "http://img.b2bpic.net/free-photo/seriously-engineer-girl-is-looking-camera-by-raising-up-pen-white-background_176474-116387.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David C.",
|
||||
handle: "Eng",
|
||||
testimonial: "Structural perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2151657936.jpg",
|
||||
},
|
||||
id: "t3", name: "David C.", handle: "Eng", testimonial: "Structural perfection.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2151657936.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena R.",
|
||||
handle: "PM",
|
||||
testimonial: "Safe and reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-construction-site-holding-helmet_23-2148784058.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena R.", handle: "PM", testimonial: "Safe and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/worker-construction-site-holding-helmet_23-2148784058.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark D.",
|
||||
handle: "GC",
|
||||
testimonial: "Framing mastery achieved.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-hands-hips_23-2148269369.jpg",
|
||||
},
|
||||
id: "t5", name: "Mark D.", handle: "GC", testimonial: "Framing mastery achieved.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-hands-hips_23-2148269369.jpg"},
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="See why developers and contractors choose Jasso Framing."
|
||||
@@ -330,8 +197,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Ready to Start Your Project?"
|
||||
description="Submit a request for bid today and we will contact you immediately."
|
||||
tag="Get in Touch"
|
||||
@@ -342,46 +208,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "/careers"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Projects",
|
||||
items: [
|
||||
title: "Projects", items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/projects",
|
||||
},
|
||||
label: "Portfolio", href: "/projects"},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "/safety",
|
||||
},
|
||||
label: "Safety", href: "/safety"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Request Bid",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Request Bid", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -391,4 +240,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user