Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| dc71de1959 | |||
| e02749254e | |||
| 5be5daaa9c |
213
src/app/page.tsx
213
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "features",
|
||||
},
|
||||
name: "Solutions", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VITRUM GmbH"
|
||||
/>
|
||||
@@ -56,66 +48,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Transparent Precision"
|
||||
description="VITRUM GmbH delivers world-class glass solutions for advanced architecture and high-performance industrial applications."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Solutions",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Solutions", href: "#features"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048139.jpg?_wi=1"
|
||||
imageAlt="Futuristic glass manufacturing"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5362.jpg",
|
||||
alt: "Architectural consultant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5362.jpg", alt: "Architectural consultant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-black-bearded-male-dressed-suit-from-wool-cylinder-hat_613910-16006.jpg",
|
||||
alt: "Technical advisor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-black-bearded-male-dressed-suit-from-wool-cylinder-hat_613910-16006.jpg", alt: "Technical advisor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-late-office_23-2148991378.jpg",
|
||||
alt: "Senior engineer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-late-office_23-2148991378.jpg", alt: "Senior engineer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-helmet-crossed-arms_23-2148269265.jpg",
|
||||
alt: "Project lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-helmet-crossed-arms_23-2148269265.jpg", alt: "Project lead"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-architect-with-safety-helmet_23-2148242912.jpg",
|
||||
alt: "Design specialist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-architect-with-safety-helmet_23-2148242912.jpg", alt: "Design specialist"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
type: "text", text: "High Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Architecture",
|
||||
},
|
||||
type: "text", text: "Advanced Architecture"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
type: "text", text: "Sustainable Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Standards",
|
||||
},
|
||||
type: "text", text: "Global Standards"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
type: "text", text: "Precision Engineering"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Projects Completed",
|
||||
value: "2500+",
|
||||
},
|
||||
label: "Projects Completed", value: "2500+"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Innovations",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Innovations", value: "150+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Global Standards",
|
||||
value: "ISO 9001",
|
||||
},
|
||||
label: "Global Standards", value: "ISO 9001"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,26 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Architectural Laminates",
|
||||
description: "High-durability glass for modern structural needs.",
|
||||
tag: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896900.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Architectural Laminates", description: "High-durability glass for modern structural needs.", tag: "New", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896900.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Acoustic Shielding",
|
||||
description: "Superior sound control for urban commercial environments.",
|
||||
tag: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-singing_23-2148347650.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Acoustic Shielding", description: "Superior sound control for urban commercial environments.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-singing_23-2148347650.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Solar Control Panes",
|
||||
description: "Energy-efficient glass that regulates climate effectively.",
|
||||
tag: "Eco-friendly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-846.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Solar Control Panes", description: "Energy-efficient glass that regulates climate effectively.", tag: "Eco-friendly", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-846.jpg?_wi=1"},
|
||||
]}
|
||||
title="Our Specialized Glass Systems"
|
||||
description="From aesthetic curtain walls to ultra-high-security panels, we define quality."
|
||||
@@ -186,20 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Structural Integrity",
|
||||
},
|
||||
id: "m1", value: "99.9%", description: "Structural Integrity"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
description: "Patented Technologies",
|
||||
},
|
||||
id: "m2", value: "12+", description: "Patented Technologies"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40+",
|
||||
description: "Years in Industry",
|
||||
},
|
||||
id: "m3", value: "40+", description: "Years in Industry"},
|
||||
]}
|
||||
title="Industry Performance"
|
||||
description="Our numbers reflect our commitment to stability and safety in every project."
|
||||
@@ -212,60 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julian Thorne",
|
||||
date: "2024",
|
||||
title: "Lead Architect",
|
||||
quote: "VITRUM provides consistency I haven't found elsewhere.",
|
||||
tag: "Partner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419525.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048139.jpg?_wi=2",
|
||||
imageAlt: "professional architect headshot dark theme",
|
||||
},
|
||||
id: "1", name: "Julian Thorne", date: "2024", title: "Lead Architect", quote: "VITRUM provides consistency I haven't found elsewhere.", tag: "Partner", avatarSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419525.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048139.jpg?_wi=2", imageAlt: "professional architect headshot dark theme"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
date: "2024",
|
||||
title: "Structural Engineer",
|
||||
quote: "Technical support is unmatched and very reliable.",
|
||||
tag: "Partner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702501.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/medical-support-shield-background-with-protecting-layers_1017-24591.jpg",
|
||||
imageAlt: "professional architect headshot dark theme",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", date: "2024", title: "Structural Engineer", quote: "Technical support is unmatched and very reliable.", tag: "Partner", avatarSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702501.jpg", imageSrc: "http://img.b2bpic.net/free-vector/medical-support-shield-background-with-protecting-layers_1017-24591.jpg", imageAlt: "professional architect headshot dark theme"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Markus Weber",
|
||||
date: "2023",
|
||||
title: "Project Manager",
|
||||
quote: "VITRUM delivers on schedule, every time.",
|
||||
tag: "Partner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896900.jpg?_wi=2",
|
||||
imageAlt: "professional architect headshot dark theme",
|
||||
},
|
||||
id: "3", name: "Markus Weber", date: "2023", title: "Project Manager", quote: "VITRUM delivers on schedule, every time.", tag: "Partner", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896900.jpg?_wi=2", imageAlt: "professional architect headshot dark theme"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
date: "2024",
|
||||
title: "Design Director",
|
||||
quote: "The aesthetic range of their glass is phenomenal.",
|
||||
tag: "Partner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blurred-woman-posing_23-2148503548.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-singing_23-2148347650.jpg?_wi=2",
|
||||
imageAlt: "professional architect headshot dark theme",
|
||||
},
|
||||
id: "4", name: "Elena Rossi", date: "2024", title: "Design Director", quote: "The aesthetic range of their glass is phenomenal.", tag: "Partner", avatarSrc: "http://img.b2bpic.net/free-photo/blurred-woman-posing_23-2148503548.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-singing_23-2148347650.jpg?_wi=2", imageAlt: "professional architect headshot dark theme"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Kim",
|
||||
date: "2023",
|
||||
title: "Developer",
|
||||
quote: "Reliable partner for our complex skyscrapers.",
|
||||
tag: "Partner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-846.jpg?_wi=2",
|
||||
imageAlt: "professional architect headshot dark theme",
|
||||
},
|
||||
id: "5", name: "David Kim", date: "2023", title: "Developer", quote: "Reliable partner for our complex skyscrapers.", tag: "Partner", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-846.jpg?_wi=2", imageAlt: "professional architect headshot dark theme"},
|
||||
]}
|
||||
title="Voices of Partners"
|
||||
description="Trusted by the world's leading construction and design firms."
|
||||
@@ -280,20 +172,11 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Hans Mueller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-engineer-reading-documents-while-checking-quality-manufactured-steel-rood-industrial-building_637285-4075.jpg",
|
||||
},
|
||||
id: "t1", name: "Dr. Hans Mueller", imageSrc: "http://img.b2bpic.net/free-photo/male-engineer-reading-documents-while-checking-quality-manufactured-steel-rood-industrial-building_637285-4075.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Silvia Schmidt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
id: "t2", name: "Silvia Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Peter Lang",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
|
||||
},
|
||||
id: "t3", name: "Peter Lang", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -305,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally to all construction hubs.",
|
||||
},
|
||||
id: "q1", title: "Do you offer international shipping?", content: "Yes, we ship globally to all construction hubs."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your lead times?",
|
||||
content: "Typically 6-8 weeks for customized glass orders.",
|
||||
},
|
||||
id: "q2", title: "What are your lead times?", content: "Typically 6-8 weeks for customized glass orders."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is your glass certified for fire safety?",
|
||||
content: "All our products meet international fire safety standards.",
|
||||
},
|
||||
id: "q3", title: "Is your glass certified for fire safety?", content: "All our products meet international fire safety standards."},
|
||||
]}
|
||||
title="Frequent Questions"
|
||||
description="Find answers to our manufacturing capabilities and service terms."
|
||||
@@ -330,8 +204,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Get a Consultation"
|
||||
description="Reach out to discuss your architectural project requirements with our engineering team."
|
||||
@@ -347,18 +220,14 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user