bender/368935ba-aef5-4f48-8400-5c32ff6cd6b2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 20:44:53 +00:00
parent 35df12b0a6
commit 4bee49a177
1 changed files with 23 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/app/page.tsx
View File

@@ -3,15 +3,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Building, Users } from "lucide-react";
export default function LandingPage() {
@@ -161,29 +161,23 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
<TestimonialCardTwelve
cardTitle="Client Stories"
cardTag="Testimonials"
cardAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah J.", handle: "Homeowner", testimonial: "Excellent service and prompt delivery.", imageSrc: "https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?q=80&w=200"},
{
id: "t2", name: "Michael K.", handle: "Developer", testimonial: "The best construction team in Uganda.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=200"},
{
id: "t3", name: "Amina W.", handle: "Business Owner", testimonial: "Professional approach to every detail.", imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=200"},
{
id: "t4", name: "George L.", handle: "Consultant", testimonial: "Top tier quality and project management.", imageSrc: "https://images.unsplash.com/photo-1566492031773-4f4e44671857?q=80&w=200"},
{
id: "t5", name: "Betty R.", handle: "Landlord", testimonial: "Highly recommended for any commercial work.", imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?q=80&w=200"},
{ id: "t1", name: "Sarah J.", imageSrc: "https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?q=80&w=200" },
{ id: "t2", name: "Michael K.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=200" },
{ id: "t3", name: "Amina W.", imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=200" },
{ id: "t4", name: "George L.", imageSrc: "https://images.unsplash.com/photo-1566492031773-4f4e44671857?q=80&w=200" },
{ id: "t5", name: "Betty R.", imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?q=80&w=200" },
]}
title="Client Stories"
description="Building trust, one project at a time."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
@@ -198,40 +192,23 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
<ContactCenter
tag="Contact Us"
title="Ready to build your next project with us?"
description="Get in touch for a consultation."
background={{ variant: "animated-grid" }}
text="Ready to build your next project with us? Contact us today for a consultation."
buttons={[{ text: "Send a Message", href: "mailto:hello@pearlconstruction.ug" }]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#features" },
],
},
{
items: [
{ label: "Projects", href: "#product" },
{ label: "Contact", href: "#contact" },
],
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}
<FooterLogoReveal
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
logoText="Pearl Construction"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}