Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-31 04:06:31 +00:00

View File

@@ -17,350 +17,145 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Projects",
id: "work",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="AGI Business Centre"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Projects", id: "work" },
{ name: "Contact", id: "contact" }
]}
brandName="AGI Business Centre"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Expert Floor Planning & Real Estate Services in Punjab"
description="Get accurate, Vastu-friendly & modern floor plans for your dream home. Trusted local experts for planning & property guidance."
testimonials={[
{
name: "Rajesh Kumar",
handle: "@rajesh-p",
testimonial: "Very professional and accurate planning. Highly recommended.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-architectural-floor-planning-offi-1774929944388-8615431b.png?_wi=1",
imageAlt: "Modern architectural floor planning office, high-tech blueprint on a large screen, warm sunlight, cl",
},
{
name: "Sunita Verma",
handle: "@sunita-v",
testimonial: "Helped us design our home perfectly within budget.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/professional-2d-residential-floor-plan-h-1774929942910-57ceff2a.png?_wi=1",
imageAlt: "Professional 2D residential floor plan, high contrast lines, clean white background, technical draft",
},
{
name: "Amit Singh",
handle: "@amit-s",
testimonial: "Best place for floor plans and property advice.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-duplex-floor-plan-detailed-archit-1774929944051-47520f31.png?_wi=1",
imageAlt: "Modern duplex floor plan, detailed architectural drawing, top-down view, clean lines, professional d",
},
{
name: "Priya Sharma",
handle: "@priya-s",
testimonial: "Reliable and expert guidance for our new plot layout.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/compact-plot-housing-floor-plan-efficien-1774929943080-79df5541.png?_wi=1",
imageAlt: "Compact plot housing floor plan, efficient space optimization, clean technical drawing, architectura",
},
{
name: "Vikram Seth",
handle: "@vikram-s",
testimonial: "Top-notch architectural expertise and prompt delivery.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg",
imageAlt: "professional portrait friendly client",
},
]}
buttons={[
{
text: "Call Now",
href: "tel:+919876543210",
},
{
text: "Get Quote",
href: "#contact",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-architectural-floor-planning-offi-1774929944388-8615431b.png?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-man-his-work-time-office-job_23-2149571041.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg",
alt: "Client 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Vastu-Compliant Designs",
},
{
type: "text",
text: "Modern 2D Floor Plans",
},
{
type: "text",
text: "Real Estate Consulting",
},
{
type: "text",
text: "Residential Plot Planning",
},
{
type: "text",
text: "Commercial Layouts",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Expert Floor Planning & Real Estate Services in Punjab"
description="Get accurate, Vastu-friendly & modern floor plans for your dream home. Trusted local experts for planning & property guidance."
testimonials={[
{ name: "Rajesh Kumar", handle: "@rajesh-p", testimonial: "Very professional and accurate planning. Highly recommended.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-architectural-floor-planning-offi-1774929944388-8615431b.png", imageAlt: "Modern architectural floor planning office, high-tech blueprint on a large screen, warm sunlight, cl" },
{ name: "Sunita Verma", handle: "@sunita-v", testimonial: "Helped us design our home perfectly within budget.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/professional-2d-residential-floor-plan-h-1774929942910-57ceff2a.png", imageAlt: "Professional 2D residential floor plan, high contrast lines, clean white background, technical draft" },
{ name: "Amit Singh", handle: "@amit-s", testimonial: "Best place for floor plans and property advice.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-duplex-floor-plan-detailed-archit-1774929944051-47520f31.png", imageAlt: "Modern duplex floor plan, detailed architectural drawing, top-down view, clean lines, professional d" },
{ name: "Priya Sharma", handle: "@priya-s", testimonial: "Reliable and expert guidance for our new plot layout.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/compact-plot-housing-floor-plan-efficien-1774929943080-79df5541.png", imageAlt: "Compact plot housing floor plan, efficient space optimization, clean technical drawing, architectura" },
{ name: "Vikram Seth", handle: "@vikram-s", testimonial: "Top-notch architectural expertise and prompt delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg", imageAlt: "professional portrait friendly client" }
]}
buttons={[
{ text: "Call Now", href: "tel:+919876543210" },
{ text: "Get Quote", href: "#contact" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-architectural-floor-planning-offi-1774929944388-8615431b.png"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/smiling-man-his-work-time-office-job_23-2149571041.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg", alt: "Client 5" }
]}
marqueeItems={[
{ type: "text", text: "Vastu-Compliant Designs" },
{ type: "text", text: "Modern 2D Floor Plans" },
{ type: "text", text: "Real Estate Consulting" },
{ type: "text", text: "Residential Plot Planning" },
{ type: "text", text: "Commercial Layouts" }
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyOne
useInvertedBackground={true}
title="Our Services"
description="Comprehensive property solutions from planning to investment guidance."
accordionItems={[
{
id: "s1",
title: "Floor Planning",
content: "Specialized layouts for ground floor, 1st floor, and complete residential houses ensuring Vastu-compliance and modern design.",
},
{
id: "s2",
title: "Custom Design",
content: "Precision plot-based planning tailored to your land dimensions, ensuring maximum space utilization and functional aesthetics.",
},
{
id: "s3",
title: "Real Estate Support",
content: "Expert property consultation, plot selection guidance, and investment advice to help you make sound construction decisions.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/professional-2d-residential-floor-plan-h-1774929942910-57ceff2a.png?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyOne
useInvertedBackground={true}
title="Our Services"
description="Comprehensive property solutions from planning to investment guidance."
accordionItems={[
{ id: "s1", title: "Floor Planning", content: "Specialized layouts for ground floor, 1st floor, and complete residential houses ensuring Vastu-compliance and modern design." },
{ id: "s2", title: "Custom Design", content: "Precision plot-based planning tailored to your land dimensions, ensuring maximum space utilization and functional aesthetics." },
{ id: "s3", title: "Real Estate Support", content: "Expert property consultation, plot selection guidance, and investment advice to help you make sound construction decisions." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/professional-2d-residential-floor-plan-h-1774929942910-57ceff2a.png"
mediaAnimation="slide-up"
/>
</div>
<div id="work" data-section="work">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "2BHK Ground Floor Plan",
price: "Expert Draft",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/professional-2d-residential-floor-plan-h-1774929942910-57ceff2a.png?_wi=3",
},
{
id: "p2",
name: "Duplex House Layout",
price: "Custom Design",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-duplex-floor-plan-detailed-archit-1774929944051-47520f31.png?_wi=2",
},
{
id: "p3",
name: "Compact Plot Design",
price: "Efficient Layout",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/compact-plot-housing-floor-plan-efficien-1774929943080-79df5541.png?_wi=2",
},
]}
title="Our Recent Floor Plans"
description="Examples of high-accuracy blueprints designed for local clients."
/>
</div>
<div id="work" data-section="work">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "2BHK Ground Floor Plan", price: "Expert Draft", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/professional-2d-residential-floor-plan-h-1774929942910-57ceff2a.png" },
{ id: "p2", name: "Duplex House Layout", price: "Custom Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-duplex-floor-plan-detailed-archit-1774929944051-47520f31.png" },
{ id: "p3", name: "Compact Plot Design", price: "Efficient Layout", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/compact-plot-housing-floor-plan-efficien-1774929943080-79df5541.png" }
]}
title="Our Recent Floor Plans"
description="Examples of high-accuracy blueprints designed for local clients."
/>
</div>
<div id="why" data-section="why">
<MetricCardTen
useInvertedBackground={true}
metrics={[
{
id: "m1",
title: "Local Expertise",
subtitle: "Deep knowledge of Punjab real estate landscape.",
category: "Experience",
value: "10+ Years",
},
{
id: "m2",
title: "Fast Turnaround",
subtitle: "Quick design iterations for urgent project starts.",
category: "Delivery",
value: "24-48h",
},
{
id: "m3",
title: "Trusted Service",
subtitle: "Consistent, high-quality client recommendations.",
category: "Client Rating",
value: "4.9/5",
},
]}
title="Why Choose AGI Business Centre"
description="We combine local insight with architectural precision."
/>
</div>
<div id="why" data-section="why">
<MetricCardTen
useInvertedBackground={true}
animationType="slide-up"
textboxLayout="default"
metrics={[
{ id: "m1", title: "Local Expertise", subtitle: "Deep knowledge of Punjab real estate landscape.", category: "Experience", value: "10+ Years" },
{ id: "m2", title: "Fast Turnaround", subtitle: "Quick design iterations for urgent project starts.", category: "Delivery", value: "24-48h" },
{ id: "m3", title: "Trusted Service", subtitle: "Consistent, high-quality client recommendations.", category: "Client Rating", value: "4.9/5" }
]}
title="Why Choose AGI Business Centre"
description="We combine local insight with architectural precision."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Rajesh Kumar",
date: "Jan 2024",
title: "Homeowner",
quote: "Very professional and accurate planning. Highly recommended.",
tag: "Architectural Design",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",
imageAlt: "young business person portrait",
},
{
id: "t2",
name: "Sunita Verma",
date: "Dec 2023",
title: "Property Investor",
quote: "Helped us design our home perfectly within budget. Extremely pleased.",
tag: "Investment",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg",
imageAlt: "happy client professional smile",
},
{
id: "t3",
name: "Amit Singh",
date: "Nov 2023",
title: "Developer",
quote: "Best place for floor plans and property advice. Very transparent.",
tag: "Development",
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-his-work-time-office-job_23-2149571041.jpg",
imageAlt: "confident young professional portrait",
},
{
id: "t4",
name: "Priya Sharma",
date: "Oct 2023",
title: "Homeowner",
quote: "Professional guidance made our house construction process seamless.",
tag: "Construction",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-his-work-time-office-job_23-2149571041.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-architectural-floor-planning-offi-1774929944388-8615431b.png?_wi=3",
imageAlt: "Modern architectural floor planning office, high-tech blueprint on a large screen, warm sunlight, cl",
},
{
id: "t5",
name: "Rahul Mehta",
date: "Sep 2023",
title: "Builder",
quote: "Impressive speed and technical accuracy on every project.",
tag: "Design",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/professional-2d-residential-floor-plan-h-1774929942910-57ceff2a.png?_wi=4",
imageAlt: "Professional 2D residential floor plan, high contrast lines, clean white background, technical draft",
},
]}
title="What Our Clients Say"
description="Join our network of satisfied homeowners and investors."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Rajesh Kumar", date: "Jan 2024", title: "Homeowner", quote: "Very professional and accurate planning. Highly recommended.", tag: "Architectural Design", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg", imageAlt: "young business person portrait" },
{ id: "t2", name: "Sunita Verma", date: "Dec 2023", title: "Property Investor", quote: "Helped us design our home perfectly within budget. Extremely pleased.", tag: "Investment", avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg", imageAlt: "happy client professional smile" },
{ id: "t3", name: "Amit Singh", date: "Nov 2023", title: "Developer", quote: "Best place for floor plans and property advice. Very transparent.", tag: "Development", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-his-work-time-office-job_23-2149571041.jpg", imageAlt: "confident young professional portrait" },
{ id: "t4", name: "Priya Sharma", date: "Oct 2023", title: "Homeowner", quote: "Professional guidance made our house construction process seamless.", tag: "Construction", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-his-work-time-office-job_23-2149571041.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/modern-architectural-floor-planning-offi-1774929944388-8615431b.png", imageAlt: "Modern architectural floor planning office, high-tech blueprint on a large screen, warm sunlight, cl" },
{ id: "t5", name: "Rahul Mehta", date: "Sep 2023", title: "Builder", quote: "Impressive speed and technical accuracy on every project.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bh8NYBs9F1TdLZbidDGNL8oykK/professional-2d-residential-floor-plan-h-1774929942910-57ceff2a.png", imageAlt: "Professional 2D residential floor plan, high contrast lines, clean white background, technical draft" }
]}
title="What Our Clients Say"
description="Join our network of satisfied homeowners and investors."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated",
}}
tag="Get Started"
title="Request a Floor Plan"
description="Planning to build your dream home? Let's get started with a free consultation today."
inputPlaceholder="Enter your plot requirements"
buttonText="Get Free Consultation"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "rotated-rays-animated" }}
tag="Get Started"
title="Request a Floor Plan"
description="Planning to build your dream home? Let's get started with a free consultation today."
inputPlaceholder="Enter your plot requirements"
buttonText="Get Free Consultation"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "AGI Business Centre",
items: [
{
label: "Services",
href: "#services",
},
{
label: "Projects",
href: "#work",
},
{
label: "Location",
href: "#contact",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#why",
},
{
label: "Testimonials",
href: "#testimonials",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
copyrightText="© 2025 AGI Business Centre. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "AGI Business Centre", items: [{ label: "Services", href: "#services" }, { label: "Projects", href: "#work" }, { label: "Location", href: "#contact" }] },
{ title: "Company", items: [{ label: "About Us", href: "#why" }, { label: "Testimonials", href: "#testimonials" }, { label: "Privacy Policy", href: "#" }] }
]}
copyrightText="© 2025 AGI Business Centre. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);