Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 690bdc19ff | |||
| 2866644020 | |||
| a7232b186f | |||
| b090218f2b | |||
| 3071a98058 | |||
| 0b9a43777a | |||
| 5fecc18c8c |
244
src/app/page.tsx
244
src/app/page.tsx
@@ -2,16 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import { Sparkles, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,151 +24,101 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Process", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Noyan Construction"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Noyan Construction"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Home Renovations Built on Trust"
|
||||
description="Noyan Construction delivers award-winning craftsmanship, reliable timelines, and transparent pricing for homeowners across Newmarket and the GTA. 5-Star rated with 22 verified reviews."
|
||||
tag="Trusted Construction Partners"
|
||||
buttons={[
|
||||
{ text: "Get Your Free Quote", href: "#contact" },
|
||||
{ text: "Call Now: 416-871-0992", href: "tel:4168710992" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-system-with-open-drawers_169016-72726.jpg", imageAlt: "luxury modern renovation living room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976527.jpg", imageAlt: "modern luxury kitchen renovation renovation" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Based on 22 verified reviews"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Home Renovations Built on Trust"
|
||||
description="Noyan Construction delivers award-winning craftsmanship, reliable timelines, and transparent pricing for homeowners across Newmarket and the GTA. Start your transformation today."
|
||||
tag="Trusted Construction Partners"
|
||||
buttons={[
|
||||
{ text: "Get Your Free Quote", href: "#contact" },
|
||||
{ text: "Call Now: 416-871-0992", href: "tel:4168710992" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1503387762-592deb58e4e2?q=80&w=1200&auto=format&fit=crop", imageAlt: "Construction professional inspecting a high-end framing project" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=1200&auto=format&fit=crop", imageAlt: "Detailed construction work on a modern residence structure" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Based on 22 verified reviews"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Commitment to Quality Craftsmanship" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/men-looking-tablet-medium-shot_23-2148921388.jpg", alt: "construction foreman explaining project" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Client Success Stories"
|
||||
description="Discover why homeowners throughout the GTA choose Noyan Construction for their most important home projects."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Anita Shavandi", role: "Homeowner", testimonial: "Professional work and great communication!", icon: Star },
|
||||
{ id: "t2", name: "Hamid Mirhashemi", role: "Homeowner", testimonial: "Delivered exactly what was promised on time.", icon: Star },
|
||||
{ id: "t3", name: "Alireza Honarvar", role: "Homeowner", testimonial: "Fantastic craftsmanship throughout the renovation.", icon: Star },
|
||||
{ id: "t4", name: "Mohsen Saadatian", role: "Homeowner", testimonial: "Highly recommend their renovation services.", icon: Star },
|
||||
{ id: "t5", name: "Farhad Fmolky", role: "Homeowner", testimonial: "Transformed my home into something special.", icon: Star },
|
||||
{ id: "t6", name: "p m", role: "Homeowner", testimonial: "Very clean and precise construction work.", icon: Star },
|
||||
{ id: "t7", name: "Ali Rowshanzamir", role: "Homeowner", testimonial: "Trustworthy team, excellent result.", icon: Star },
|
||||
{ id: "t8", name: "Maziar Rahnama", role: "Homeowner", testimonial: "Top tier quality and attention to detail.", icon: Star },
|
||||
{ id: "t9", name: "ABNB BAHRAM", role: "Homeowner", testimonial: "Exceeded all our expectations on the kitchen.", icon: Star },
|
||||
{ id: "t10", name: "Arash Radan", role: "Homeowner", testimonial: "Reliable and skilled team of professionals.", icon: Star },
|
||||
{ id: "t11", name: "Reza Rahmanian", role: "Homeowner", testimonial: "The project finished perfectly on schedule.", icon: Star },
|
||||
{ id: "t12", name: "farzad pourhassan", role: "Homeowner", testimonial: "Seamless process from start to finish.", icon: Star },
|
||||
{ id: "t13", name: "Farshid mohammad Salehipanah", role: "Homeowner", testimonial: "Great attention to customer requests.", icon: Star },
|
||||
{ id: "t14", name: "Ali Nimroozi", role: "Homeowner", testimonial: "Professionalism and quality that lasts.", icon: Star },
|
||||
{ id: "t15", name: "Mark Mohammadian", role: "Homeowner", testimonial: "Honest approach to home renovations.", icon: Star },
|
||||
{ id: "t16", name: "Leili Khansari", role: "Homeowner", testimonial: "Beautiful results that I am proud of.", icon: Star }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Transparent Pricing", description: "No hidden costs or budget overruns, ever.", imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-building-plan_23-2147813072.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/worker-with-amendments-blueprint-house_329181-11778.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Premium Finishes", description: "High-quality materials and skilled craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278626.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/design-team-busy-working-talking-concept_53876-31190.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Reliable Timelines", description: "On-time completion for every project.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-chair-holding-safety-helmet-near-plan-model-house-table_23-2148039925.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/repair-tools-safety-gear-near-draft_23-2147831889.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Why Choose Noyan Construction?"
|
||||
description="Excellence in every detail, ensuring your peace of mind throughout the renovation process."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Request Your Free Estimate"
|
||||
description="Tell us about your project. Whether you're planning a full renovation or a small home upgrade, we'd love to help you get started."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "project", placeholder: "Tell us about your project details...", rows: 4, required: true }}
|
||||
useInvertedBackground={false}
|
||||
buttonText="Send Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="By The Numbers"
|
||||
tag="Proven Success"
|
||||
metrics={[
|
||||
{ id: "m1", value: "22+", description: "Verified Client Reviews" },
|
||||
{ id: "m2", value: "100%", description: "Project Satisfaction" },
|
||||
{ id: "m3", value: "10+ Yrs", description: "Craftsmanship Experience" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Newmarket", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Investor", company: "GTA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg" },
|
||||
{ id: "t3", name: "Emily R.", role: "Designer", company: "Newmarket", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-successful-male-colleague-giving-high-five-office_23-2148187189.jpg" },
|
||||
{ id: "t4", name: "Alex K.", role: "Homeowner", company: "GTA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-formal-wear-standing-office_1303-31472.jpg" },
|
||||
{ id: "t5", name: "Brian P.", role: "Owner", company: "Newmarket", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg" },
|
||||
]}
|
||||
title="Verified Client Experiences"
|
||||
description="Hear why homeowners trust Noyan Construction for their most important renovations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long will my renovation take?", content: "Timelines vary by scope, but we provide firm schedules at project start." },
|
||||
{ id: "f2", title: "Do you provide transparent quotes?", content: "Yes, all estimates are detailed with no surprise costs." },
|
||||
{ id: "f3", title: "Are you licensed and insured?", content: "Yes, Noyan Construction is fully licensed and carries comprehensive insurance." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/very-important-project-must-be-done_329181-10311.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our renovation process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to bring your vision to life? Contact Noyan Construction for a free consultation today."
|
||||
buttons={[
|
||||
{ text: "Get Your Free Quote", href: "#" },
|
||||
{ text: "Call 416-871-0992", href: "tel:4168710992" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "416-871-0992", href: "tel:4168710992" },
|
||||
{ label: "Newmarket, GTA", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noyan Construction"
|
||||
copyrightText="© 2025 Noyan Construction Service Inc."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Noyan Construction"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "416-871-0992", href: "tel:4168710992" },
|
||||
{ label: "Newmarket, GTA", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Noyan Construction Service Inc."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user