Merge version_1 into main #2
430
src/app/page.tsx
430
src/app/page.tsx
@@ -27,331 +27,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AROS BUILD CO"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AROS BUILD CO"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Premium builds. On time. On budget. Always."
|
||||
description="Trusted by homeowners and developers across the region. Chris and Kobi lead every project with transparent communication and craftsmanship that exceeds expectations."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Aros Build transformed our vision into reality without the typical stress. Incredible craftsmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@developer",
|
||||
testimonial: "Reliable and precise. They managed our commercial renovation with absolute transparency.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Chris and Kobi made the whole process feel personal and seamless. Truly top tier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@client",
|
||||
testimonial: "Rare to find builders who value communication as much as quality work. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
name: "Jane M.",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Their attention to detail and adherence to the schedule was impeccable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 100+ homeowners"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=6"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential Construction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Renovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Architectural Builds",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Project Management",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Carpentry",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium builds. On time. On budget. Always."
|
||||
description="Trusted by homeowners and developers across the region. Chris and Kobi lead every project with transparent communication and craftsmanship that exceeds expectations."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@homeowner", testimonial: "Aros Build transformed our vision into reality without the typical stress. Incredible craftsmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
{ name: "Mark D.", handle: "@developer", testimonial: "Reliable and precise. They managed our commercial renovation with absolute transparency.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
{ name: "Emily R.", handle: "@homeowner", testimonial: "Chris and Kobi made the whole process feel personal and seamless. Truly top tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
{ name: "David L.", handle: "@client", testimonial: "Rare to find builders who value communication as much as quality work. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
{ name: "Jane M.", handle: "@homeowner", testimonial: "Their attention to detail and adherence to the schedule was impeccable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Get Your Free Quote", href: "#contact" }]}
|
||||
avatars={Array(5).fill({ src: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg", alt: "Client profile" })}
|
||||
avatarText="Trusted by 100+ homeowners"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Residential Construction" },
|
||||
{ type: "text", text: "Commercial Renovation" },
|
||||
{ type: "text", text: "Custom Architectural Builds" },
|
||||
{ type: "text", text: "Project Management" },
|
||||
{ type: "text", text: "Quality Carpentry" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built on Trust, Crafted with Passion."
|
||||
description={[
|
||||
"At Aros Build Co, we believe that luxury is defined by the experience as much as the result. Our firm was founded by Chris and Kobi to offer a transparent alternative to the traditional construction industry.",
|
||||
"We treat every project as our own home, ensuring direct leadership involvement and clear communication at every milestone. Whether a bespoke renovation or a complex build, we deliver with precision and predictability.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built on Trust, Crafted with Passion."
|
||||
description={[
|
||||
"At Aros Build Co, we believe that luxury is defined by the experience as much as the result. Our firm was founded by Chris and Kobi to offer a transparent alternative to the traditional construction industry.", "We treat every project as our own home, ensuring direct leadership involvement and clear communication at every milestone. Whether a bespoke renovation or a complex build, we deliver with precision and predictability."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Reliability",
|
||||
title: "On-Time Delivery",
|
||||
items: [
|
||||
"Detailed project scheduling",
|
||||
"Weekly status updates",
|
||||
"Zero missed milestones",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Transparency",
|
||||
title: "Transparent Budgeting",
|
||||
items: [
|
||||
"Clear initial estimations",
|
||||
"No hidden costs policy",
|
||||
"Open book accounting",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Leadership",
|
||||
title: "Direct Accountability",
|
||||
items: [
|
||||
"Direct access to Chris and Kobi",
|
||||
"Hands-on site supervision",
|
||||
"Personalized client care",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Craftsmanship Pillars"
|
||||
description="We don't just build homes; we build relationships grounded in reliability and superior standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", label: "Reliability", title: "On-Time Delivery", items: ["Detailed project scheduling", "Weekly status updates", "Zero missed milestones"] },
|
||||
{ id: "f2", label: "Transparency", title: "Transparent Budgeting", items: ["Clear initial estimations", "No hidden costs policy", "Open book accounting"] },
|
||||
{ id: "f3", label: "Leadership", title: "Direct Accountability", items: ["Direct access to Chris and Kobi", "Hands-on site supervision", "Personalized client care"] },
|
||||
]}
|
||||
title="Our Craftsmanship Pillars"
|
||||
description="We don't just build homes; we build relationships grounded in reliability and superior standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
title: "Projects Completed",
|
||||
description: "High-end builds finalized",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Consistently meeting expectations",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "25+",
|
||||
title: "Years Combined",
|
||||
description: "Expertise in construction leadership",
|
||||
icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Measurable Excellence"
|
||||
description="We are proud of our track record in delivering high-value residential and commercial projects."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "120+", title: "Projects Completed", description: "High-end builds finalized", icon: CheckCircle },
|
||||
{ id: "m2", value: "100%", title: "Client Satisfaction", description: "Consistently meeting expectations", icon: Award },
|
||||
{ id: "m3", value: "25+", title: "Years Combined", description: "Expertise in construction leadership", icon: Shield },
|
||||
]}
|
||||
title="Measurable Excellence"
|
||||
description="We are proud of our track record in delivering high-value residential and commercial projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
testimonial: "Aros Build made our dream kitchen a reality. Their communication was perfect throughout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Developer",
|
||||
testimonial: "Working with Chris and Kobi is a masterclass in professional project delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=8",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Client",
|
||||
testimonial: "They were on-site every day and kept us informed. Absolutely seamless experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=9",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
role: "Client",
|
||||
testimonial: "Excellent planning and execution. The quality of their craftsmanship is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=10",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane M.",
|
||||
role: "Client",
|
||||
testimonial: "A truly premium builder. We couldn't be happier with our new home expansion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg?_wi=11",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Our Clients"
|
||||
description="Don't just take our word for it—hear from the families and partners who trust us with their vision."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Client", testimonial: "Aros Build made our dream kitchen a reality. Their communication was perfect throughout.", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Developer", testimonial: "Working with Chris and Kobi is a masterclass in professional project delivery.", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
{ id: "t3", name: "Emily R.", role: "Client", testimonial: "They were on-site every day and kept us informed. Absolutely seamless experience.", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
{ id: "t4", name: "David L.", role: "Client", testimonial: "Excellent planning and execution. The quality of their craftsmanship is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
{ id: "t5", name: "Jane M.", role: "Client", testimonial: "A truly premium builder. We couldn't be happier with our new home expansion.", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011559.jpg" },
|
||||
]}
|
||||
title="Trusted by Our Clients"
|
||||
description="Don't just take our word for it—hear from the families and partners who trust us with their vision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Premium Build"
|
||||
description="Ready to bring your vision to life? Get in touch with our team today for a free consultation and project quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Premium Build"
|
||||
description="Ready to bring your vision to life? Get in touch with our team today for a free consultation and project quote."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AROS BUILD CO LTD"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="AROS BUILD CO LTD"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user