Update src/app/page.tsx

This commit is contained in:
2026-03-13 07:06:15 +00:00
parent e3f910d380
commit a79138e624

View File

@@ -1,16 +1,16 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Award, Building2, Home, Briefcase, TrendingUp, MessageSquare, Facebook, Linkedin, Instagram, Twitter, Star, Users } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, Building2, Home, Briefcase, TrendingUp, MessageSquare, Facebook, Linkedin, Instagram, Twitter, Star, Users, Sparkles } from "lucide-react";
export default function LandingPage() {
return (
@@ -20,7 +20,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmall"
background="noise"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
@@ -47,7 +47,7 @@ export default function LandingPage() {
tag="Welcome to Excellence"
tagIcon={Home}
tagAnimation="slide-up"
background={{ variant: "noise" }}
background={{ variant: "plain" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lws2qd"
imageAlt="Premium property showcase"
buttons={[
@@ -79,17 +79,17 @@ export default function LandingPage() {
title="Featured Properties"
description="Browse our premium selection of residential and commercial properties"
tag="Available Now"
tagIcon="Sparkles"
tagIcon={Sparkles}
tagAnimation="slide-up"
products={[
{
id: "1", name: "Modern Luxury Villa - Beachfront", price: "$2,450,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9&_wi=1", imageAlt: "Modern luxury villa", initialQuantity: 1
id: "1", name: "Modern Luxury Villa - Beachfront", price: "$2,450,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9", imageAlt: "Modern luxury villa", initialQuantity: 1
},
{
id: "2", name: "Contemporary Estate with Pool", price: "$1,890,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mj4brd&_wi=1", imageAlt: "Contemporary estate", initialQuantity: 1
id: "2", name: "Contemporary Estate with Pool", price: "$1,890,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mj4brd", imageAlt: "Contemporary estate", initialQuantity: 1
},
{
id: "3", name: "Premium Commercial Building", price: "$3,200,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qliz42&_wi=1", imageAlt: "Commercial property", initialQuantity: 1
id: "3", name: "Premium Commercial Building", price: "$3,200,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qliz42", imageAlt: "Commercial property", initialQuantity: 1
}
]}
gridVariant="three-columns-all-equal-width"
@@ -110,29 +110,25 @@ export default function LandingPage() {
{
id: "1", title: "Property Sales", descriptions: [
"Expert guidance through the entire buying process", "Access to exclusive listings and off-market deals", "Negotiation support to maximize your investment"
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9&_wi=2", imageAlt: "Property sales"
], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9", imageAlt: "Property sales"
},
{
id: "2", title: "Property Management", descriptions: [
"Professional tenant screening and placement", "Regular property maintenance and repairs", "Complete financial accounting and reporting"
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mj4brd&_wi=2", imageAlt: "Property management"
], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mj4brd", imageAlt: "Property management"
},
{
id: "3", title: "Investment Advisory", descriptions: [
"Market analysis and investment opportunity identification", "Portfolio optimization strategies", "Risk assessment and mitigation planning"
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qliz42&_wi=2", imageAlt: "Investment advisory"
], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qliz42", imageAlt: "Investment advisory"
},
{
id: "4", title: "Rental Services", descriptions: [
"Tenant placement and lease management", "Property marketing and tenant acquisition", "Ongoing maintenance coordination"
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9&_wi=3", imageAlt: "Rental services"
], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ne2fb9", imageAlt: "Rental services"
}
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
@@ -160,7 +156,7 @@ export default function LandingPage() {
id: "4", value: "4.9", title: "Star Rating", description: "Average client satisfaction score", icon: Star
}
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -176,10 +172,10 @@ export default function LandingPage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Michael Johnson", handle: "Homebuyer", testimonial: "SP Associates made finding our dream home effortless. Their team's expertise and professionalism exceeded all expectations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=srh14v&_wi=1", imageAlt: "Michael Johnson"
id: "1", name: "Michael Johnson", handle: "Homebuyer", testimonial: "SP Associates made finding our dream home effortless. Their team's expertise and professionalism exceeded all expectations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=srh14v", imageAlt: "Michael Johnson"
},
{
id: "2", name: "Sarah Williams", handle: "Property Investor", testimonial: "Outstanding guidance on my real estate investment portfolio. SP Associates provided invaluable market insights that maximized my returns.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahdka5&_wi=1", imageAlt: "Sarah Williams"
id: "2", name: "Sarah Williams", handle: "Property Investor", testimonial: "Outstanding guidance on my real estate investment portfolio. SP Associates provided invaluable market insights that maximized my returns.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahdka5", imageAlt: "Sarah Williams"
},
{
id: "3", name: "David Chen", handle: "Commercial Client", testimonial: "Their commercial property services are top-notch. Professional, responsive, and delivered exactly what we needed for our business expansion.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh8ec8", imageAlt: "David Chen"
@@ -188,10 +184,10 @@ export default function LandingPage() {
id: "4", name: "Emma Rodriguez", handle: "First-Time Buyer", testimonial: "As a first-time buyer, I was nervous about the process. SP Associates guided me every step of the way with patience and expertise.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uxc84i", imageAlt: "Emma Rodriguez"
},
{
id: "5", name: "James Patterson", handle: "Property Manager", testimonial: "Their property management services have transformed how I manage my rental portfolio. Reliable, efficient, and truly professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=srh14v&_wi=2", imageAlt: "James Patterson"
id: "5", name: "James Patterson", handle: "Property Manager", testimonial: "Their property management services have transformed how I manage my rental portfolio. Reliable, efficient, and truly professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=srh14v", imageAlt: "James Patterson"
},
{
id: "6", name: "Lisa Thompson", handle: "Seller", testimonial: "SP Associates sold our property faster than expected and for an excellent price. Their marketing strategy was exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahdka5&_wi=2", imageAlt: "Lisa Thompson"
id: "6", name: "Lisa Thompson", handle: "Seller", testimonial: "SP Associates sold our property faster than expected and for an excellent price. Their marketing strategy was exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ahdka5", imageAlt: "Lisa Thompson"
}
]}
animationType="slide-up"
@@ -205,7 +201,7 @@ export default function LandingPage() {
<ContactText
text="Ready to find your perfect property or discuss your real estate goals? Contact SP Associates today for personalized service."
animationType="background-highlight"
background={{ variant: "noise" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "Get in Touch", href: "contact" },