Update src/app/page.tsx
This commit is contained in:
271
src/app/page.tsx
271
src/app/page.tsx
@@ -3,16 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Building } from "lucide-react";
|
||||
import { Building, Clock, MapPin, CalendarDays } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Evergreen Square"
|
||||
/>
|
||||
@@ -55,46 +44,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Evergreen Square: Where Business Meets Luxury"
|
||||
description="Experience a world-class business hub in the heart of Orem. Premium spaces, professional services, and a vibrant community await your brand."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Spaces",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Amenities", href: "#features" },
|
||||
{ text: "Book a Tour", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/detail-shot-modern-business-buildings_1359-171.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-man-with-his-crossed-arms-looking-camera_23-2148130362.jpg",
|
||||
alt: "Portrait of a confident young man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
|
||||
alt: "Smile woman talking at phone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
|
||||
alt: "Portrait of cheerful man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
|
||||
alt: "Front view portrait of beautiful woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
|
||||
alt: "Closeup of Serious Business Leader",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ successful professionals"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -103,11 +60,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
tag="About Evergreen"
|
||||
title="A Legacy of Professional Excellence"
|
||||
description="Evergreen Square is more than just a business center; it's a destination for success. Strategically located at 515S Orem Blvd, we offer a diverse mix of services, dining, and retail options in a sophisticated, professionally managed environment."
|
||||
subdescription="Whether you're launching a new venture or seeking the perfect home for your established business, our square provides the facilities and foot traffic to help you thrive."
|
||||
description="Strategically located at 515S Orem Blvd, Evergreen Square offers a diverse mix of services, dining, and retail options in a sophisticated, professionally managed environment."
|
||||
subdescription="We provide the perfect home for your business to thrive."
|
||||
icon={Building}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-modern-woman-talking-mobile_23-2148415912.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,47 +71,16 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Prime Location",
|
||||
subtitle: "High-traffic Orem Blvd access.",
|
||||
category: "Logistics",
|
||||
value: "Access",
|
||||
buttons: [
|
||||
{
|
||||
text: "Directions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "f1", title: "Prime Location", subtitle: "Easy access from Orem Blvd.", category: "Logistics", value: "Access"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Diverse Tenant Mix",
|
||||
subtitle: "From gourmet dining to tech services.",
|
||||
category: "Community",
|
||||
value: "Growth",
|
||||
buttons: [
|
||||
{
|
||||
text: "View All",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "f2", title: "Diverse Tenant Mix", subtitle: "From gourmet dining to tech services.", category: "Retail", value: "Variety"
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Professional Support",
|
||||
subtitle: "Helpful onsite management teams.",
|
||||
category: "Service",
|
||||
value: "Support",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Help",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "f3", title: "Onsite Services", subtitle: "Support teams ready to assist.", category: "Service", value: "Growth"
|
||||
}
|
||||
]}
|
||||
title="Curated Services & Amenities"
|
||||
description="Everything your business needs in one place."
|
||||
@@ -168,27 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.4+",
|
||||
title: "Satisfaction Rating",
|
||||
description: "Highly rated by local community members.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/operations-manager-develops-sales-strategies-targets_482257-90826.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "35+",
|
||||
title: "Thriving Businesses",
|
||||
description: "Diverse tenants currently enjoying success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-office-with-cubicles-used-organizational-activity-efficiency_482257-125625.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Professional Commitment",
|
||||
description: "Dedicated management and helpful staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45562.jpg",
|
||||
},
|
||||
{ id: "m1", value: "4.4+", title: "Rating", description: "Community satisfaction score", imageSrc: "http://img.b2bpic.net/free-photo/operations-manager-develops-sales-strategies-targets_482257-90826.jpg" },
|
||||
{ id: "m2", value: "35+", title: "Tenants", description: "Businesses currently thriving", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-office-with-cubicles-used-organizational-activity-efficiency_482257-125625.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Service", description: "Management dedication", imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45562.jpg" },
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
description="Evergreen Square continues to lead Orem's business landscape."
|
||||
@@ -199,146 +106,70 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "DavITheBoI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Candace Hartley",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dick Tracy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-service-representative_23-2151933141.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Satisfied Tenant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-work_23-2148499479.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Local Business Leader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
},
|
||||
{ id: "t1", name: "DavITheBoI", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg" },
|
||||
{ id: "t2", name: "Candace Hartley", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg" },
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Reviews"
|
||||
cardTitle="Success Stories"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Where is Evergreen Square located?",
|
||||
content: "We are located at 515S Orem Blvd, Orem, UT 84097.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I inquire about leasing?",
|
||||
content: "Yes, please contact our management office directly for current availability.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What kind of businesses are here?",
|
||||
content: "We host a variety of services, dining, and retail options, including auto parts, restaurants, and professional tech services.",
|
||||
},
|
||||
{ id: "q1", title: "Where are we located?", content: "Find us at 515S Orem Blvd, Orem, UT 84097." },
|
||||
{ id: "q2", title: "How do I book a reservation?", content: "Contact our management office to secure your space or schedule a tour." },
|
||||
{ id: "q3", title: "What are your hours?", content: "Our business offices are open M-F, 9am-5pm. Individual business hours may vary." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Information about leasing, location, and tenant services."
|
||||
faqsAnimation="blur-reveal"
|
||||
description="Get the answers you need about Evergreen Square."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-modern-architecture-building_23-2148765275.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Pho Plus",
|
||||
"Karaoke38",
|
||||
"O'Reilly Auto Parts",
|
||||
"Etrafficers",
|
||||
"Health & Wellness",
|
||||
"Retail Partners",
|
||||
"Local Service Providers",
|
||||
]}
|
||||
title="Our Community Partners"
|
||||
description="Joined by many respected local businesses."
|
||||
names={["Pho Plus", "Karaoke38", "O'Reilly Auto Parts", "Etrafficers"]}
|
||||
title="Featured Tenants"
|
||||
description="Join a growing list of successful businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to join Evergreen Square? Reach out today to schedule a site tour or discuss leasing opportunities."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Book your tour or inquire about leasing today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Management",
|
||||
href: "mailto:info@evergreensquare.com",
|
||||
},
|
||||
{ text: "Schedule a Tour", href: "tel:+15555555555" },
|
||||
{ text: "Email Us", href: "mailto:info@evergreensquare.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterMedia
|
||||
logoText="Evergreen Square"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-building_23-2148810619.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Info", items: [
|
||||
{ label: "515S Orem Blvd", href: "#" },
|
||||
{ label: "Open M-F, 9-5", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Management",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Leasing", href: "#contact" },
|
||||
{ label: "Reservations", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user