Update src/app/page.tsx
This commit is contained in:
356
src/app/page.tsx
356
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Projects", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="FMT Group"
|
||||
/>
|
||||
@@ -58,100 +43,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Engineering Excellence in Every Detail"
|
||||
description="FMT Group delivers high-quality construction, architectural design, and urban development solutions across Albania."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Albana K.",
|
||||
handle: "@albanak",
|
||||
testimonial: "FMT Group turned our commercial vision into reality with precision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-handsome-man-hold-laptop-head-as-roof_176420-17908.jpg",
|
||||
},
|
||||
{
|
||||
name: "Eri M.",
|
||||
handle: "@erim",
|
||||
testimonial: "Highly professional engineering and structural delivery.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engineer-designing-architectural-plan-tablet-with-building-model-maquette-architect-working-urban-project-develop-property-construction-layout-industrial-architecture_482257-35280.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah D.",
|
||||
handle: "@sd_arch",
|
||||
testimonial: "Exceptional structural engineering and site management.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-architect-looking-camera_23-2148233749.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark L.",
|
||||
handle: "@ml_build",
|
||||
testimonial: "The best team for large commercial developments.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-office_23-2150771045.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_v",
|
||||
testimonial: "Professional, reliable, and highly innovative design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-male-architect-with-blueprint-desk_23-2147839862.jpg?_wi=1",
|
||||
},
|
||||
{ name: "Albana K.", handle: "@albanak", testimonial: "FMT Group turned our commercial vision into reality with precision.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-handsome-man-hold-laptop-head-as-roof_176420-17908.jpg" },
|
||||
{ name: "Eri M.", handle: "@erim", testimonial: "Highly professional engineering and structural delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-engineer-designing-architectural-plan-tablet-with-building-model-maquette-architect-working-urban-project-develop-property-construction-layout-industrial-architecture_482257-35280.jpg" },
|
||||
{ name: "Sarah D.", handle: "@sd_arch", testimonial: "Exceptional structural engineering and site management.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-architect-looking-camera_23-2148233749.jpg" },
|
||||
{ name: "Mark L.", handle: "@ml_build", testimonial: "The best team for large commercial developments.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-office_23-2150771045.jpg" },
|
||||
{ name: "Elena V.", handle: "@elena_v", testimonial: "Professional, reliable, and highly innovative design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-male-architect-with-blueprint-desk_23-2147839862.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-office-building_1252-1161.jpg?_wi=1"
|
||||
buttons={[{ text: "View Projects", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-office-building_1252-1161.jpg"
|
||||
imageAlt="modern architecture building"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3862.jpg",
|
||||
alt: "blond businessman happy expression",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-showing-thumb-up-sign_23-2147972889.jpg",
|
||||
alt: "Portrait of a smiling businessman showing thumb up sign",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",
|
||||
alt: "Happy mature business man standing in office cafe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg",
|
||||
alt: "Smiley architect at the office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-with-blue-shirt-schematics_23-2148269824.jpg",
|
||||
alt: "Smiling man with blue shirt and schematics",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3862.jpg", alt: "blond businessman happy expression" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-showing-thumb-up-sign_23-2147972889.jpg", alt: "Portrait of a smiling businessman showing thumb up sign" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg", alt: "Happy mature business man standing in office cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg", alt: "Smiley architect at the office" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-man-with-blue-shirt-schematics_23-2148269824.jpg", alt: "Smiling man with blue shirt and schematics" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Structural Integrity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Execution",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Delivery",
|
||||
},
|
||||
{ type: "text", text: "Innovative Design" },
|
||||
{ type: "text", text: "Structural Integrity" },
|
||||
{ type: "text", text: "Sustainable Development" },
|
||||
{ type: "text", text: "Expert Execution" },
|
||||
{ type: "text", text: "Reliable Delivery" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,20 +81,11 @@ export default function LandingPage() {
|
||||
title="Redefining Modern Construction"
|
||||
description="With years of experience, we provide end-to-end building solutions that prioritize sustainability, structural integrity, and architectural aesthetics."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Engineering",
|
||||
description: "Precision in every structural detail.",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Design",
|
||||
description: "Future-proof projects for a greener planet.",
|
||||
},
|
||||
{
|
||||
title: "Reliable Delivery",
|
||||
description: "On-time and within budget completion.",
|
||||
},
|
||||
{ title: "Expert Engineering", description: "Precision in every structural detail." },
|
||||
{ title: "Sustainable Design", description: "Future-proof projects for a greener planet." },
|
||||
{ title: "Reliable Delivery", description: "On-time and within budget completion." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-1059.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-1059.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="architects team meeting"
|
||||
/>
|
||||
@@ -189,41 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Project Planning",
|
||||
description: "Comprehensive design and feasibility studies.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4302.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-scene-with-high-tech-robot-used-construction-industry_23-2151329516.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-office-building_1252-1161.jpg?_wi=2",
|
||||
imageAlt: "construction engineering technology",
|
||||
title: "Project Planning", description: "Comprehensive design and feasibility studies.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4302.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-scene-with-high-tech-robot-used-construction-industry_23-2151329516.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Structural Execution",
|
||||
description: "Advanced construction methodologies and safety protocols.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317298.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-futuristic-robot-used-construction-industry_23-2151329573.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-1059.jpg?_wi=2",
|
||||
imageAlt: "construction engineering technology",
|
||||
title: "Structural Execution", description: "Advanced construction methodologies and safety protocols.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317298.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/scene-with-futuristic-robot-used-construction-industry_23-2151329573.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Final Inspection",
|
||||
description: "Rigorous quality control for every project phase.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194838.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photovoltaics-factory-worker-diagnosing-equipment-performance-issues_482257-120411.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/window-pattern-textures-background_74190-4506.jpg?_wi=1",
|
||||
imageAlt: "construction engineering technology",
|
||||
},
|
||||
title: "Final Inspection", description: "Rigorous quality control for every project phase.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194838.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-photovoltaics-factory-worker-diagnosing-equipment-performance-issues_482257-120411.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Our Engineering Focus"
|
||||
@@ -238,42 +123,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxe Heights",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/window-pattern-textures-background_74190-4506.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tech Hub Central",
|
||||
price: "Ongoing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-architecture-with-swimming-pool_23-2151993728.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "City Core Infrastructure",
|
||||
price: "Planning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-site_1252-1175.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Eco Living Residences",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718460.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Urban Park Phase I",
|
||||
price: "Ongoing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-athlete-jogging-park_23-2148381937.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Design Studio Headquarters",
|
||||
price: "Ongoing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-422.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luxe Heights", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/window-pattern-textures-background_74190-4506.jpg" },
|
||||
{ id: "p2", name: "Tech Hub Central", price: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-architecture-with-swimming-pool_23-2151993728.jpg" },
|
||||
{ id: "p3", name: "City Core Infrastructure", price: "Planning", imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-site_1252-1175.jpg" },
|
||||
{ id: "p4", name: "Eco Living Residences", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718460.jpg" },
|
||||
{ id: "p5", name: "Urban Park Phase I", price: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-athlete-jogging-park_23-2148381937.jpg" },
|
||||
{ id: "p6", name: "Design Studio Headquarters", price: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-422.jpg" },
|
||||
]}
|
||||
title="Our Featured Projects"
|
||||
description="Discover our recent work across commercial and residential sectors."
|
||||
@@ -286,21 +141,9 @@ export default function LandingPage() {
|
||||
title="FMT Group in Numbers"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Clients Served",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "12+", description: "Years Experience" },
|
||||
{ id: "m3", value: "500+", description: "Clients Served" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -312,46 +155,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah D.",
|
||||
handle: "@sd_architects",
|
||||
testimonial: "Exceptional structural engineering and site management.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-architect-looking-camera_23-2148233749.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
handle: "@ml_build",
|
||||
testimonial: "The best team for large commercial developments in Albania.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-office_23-2150771045.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
handle: "@elena_v",
|
||||
testimonial: "Professional, reliable, and highly innovative design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-male-architect-with-blueprint-desk_23-2147839862.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian B.",
|
||||
handle: "@julianb",
|
||||
testimonial: "Highly recommended for any infrastructure venture.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/located-shanghai-one-hundred-years-ago-steel-bridge_1127-2887.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia R.",
|
||||
handle: "@sofi_r",
|
||||
testimonial: "FMT delivered our luxury complex on schedule.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sketch-new-construction_1098-14851.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah D.", handle: "@sd_architects", testimonial: "Exceptional structural engineering and site management.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-architect-looking-camera_23-2148233749.jpg" },
|
||||
{ id: "t2", name: "Mark L.", handle: "@ml_build", testimonial: "The best team for large commercial developments in Albania.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-office_23-2150771045.jpg" },
|
||||
{ id: "t3", name: "Elena V.", handle: "@elena_v", testimonial: "Professional, reliable, and highly innovative design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-male-architect-with-blueprint-desk_23-2147839862.jpg" },
|
||||
{ id: "t4", name: "Julian B.", handle: "@julianb", testimonial: "Highly recommended for any infrastructure venture.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/located-shanghai-one-hundred-years-ago-steel-bridge_1127-2887.jpg" },
|
||||
{ id: "t5", name: "Sofia R.", handle: "@sofi_r", testimonial: "FMT delivered our luxury complex on schedule.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sketch-new-construction_1098-14851.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
@@ -364,21 +172,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What services do you provide?",
|
||||
content: "Construction, structural engineering, and urban planning services.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you work across Albania?",
|
||||
content: "Yes, we handle projects nationwide with a specialized local team.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can we start a project?",
|
||||
content: "Reach out to us via our contact form for a consultation.",
|
||||
},
|
||||
{ id: "f1", title: "What services do you provide?", content: "Construction, structural engineering, and urban planning services." },
|
||||
{ id: "f2", title: "Do you work across Albania?", content: "Yes, we handle projects nationwide with a specialized local team." },
|
||||
{ id: "f3", title: "How can we start a project?", content: "Reach out to us via our contact form for a consultation." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our process? We're here to help."
|
||||
@@ -389,16 +185,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to bring your architectural vision to life? Let's discuss your project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -407,42 +196,21 @@ export default function LandingPage() {
|
||||
logoText="FMT Group"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Projects", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Construction",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Planning",
|
||||
href: "#",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Construction", href: "#" },
|
||||
{ label: "Planning", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user