Merge version_2 into main #2
208
src/app/page.tsx
208
src/app/page.tsx
@@ -2,15 +2,24 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Facebook, Instagram, Mail, Phone, MapPin } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -27,24 +36,7 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
navItems={navItems}
|
||||
brandName="Shellstar Homes"
|
||||
/>
|
||||
</div>
|
||||
@@ -52,65 +44,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Your Custom Dream Home"
|
||||
description="At Shellstar Homes, we build more than just houses; we create the foundation for your life's best memories. Professional, reliable, and deeply committed to your vision."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architects-front-brick-wall_23-2147813094.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-sitting-back-back-their-new-home_329181-162.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-communicating-while-relaxing-bed-morning_637285-5664.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/architects-front-brick-wall_23-2147813094.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-sitting-back-back-their-new-home_329181-162.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-communicating-while-relaxing-bed-morning_637285-5664.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by families across the region"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Get a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Our Projects", href: "#about" },
|
||||
{ text: "Get a Consultation", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Home Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Craftsmanship Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Process",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Oriented",
|
||||
},
|
||||
{ type: "text", text: "Custom Home Experts" },
|
||||
{ type: "text", text: "Sustainable Design" },
|
||||
{ type: "text", text: "Craftsmanship Focused" },
|
||||
{ type: "text", text: "Transparent Process" },
|
||||
{ type: "text", text: "Family Oriented" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,26 +74,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built with Integrity,",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg",
|
||||
alt: "Building site",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Designed for Living.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
{ type: "text", content: "Built with Integrity," },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg", alt: "Building site" },
|
||||
{ type: "text", content: "Designed for Living." },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -148,46 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Wayde Kingsley",
|
||||
handle: "@shellstar-client",
|
||||
testimonial: "We were very impressed with how genuine and personable Tristan and his wife Kelly were. They showed their excitement at all stages of the build.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-front-brick-wall_23-2147813094.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jody McCombe",
|
||||
handle: "@shellstar-client",
|
||||
testimonial: "Outstanding job on our home. We researched thoroughly through the internet and Ontario Home Builders Association before selecting Shellstar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-sitting-back-back-their-new-home_329181-162.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pat Mullen",
|
||||
handle: "@shellstar-client",
|
||||
testimonial: "I was apprehensive about a custom build from afar, but meeting Tristan and Kelly assured me I was dealing with genuine, quality people.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
handle: "@shellstar-client",
|
||||
testimonial: "Exceptional communication throughout. Every detail was addressed, and the quality of finish is truly top tier. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-communicating-while-relaxing-bed-morning_637285-5664.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Thorne",
|
||||
handle: "@shellstar-client",
|
||||
testimonial: "Shellstar made the complex process of building a custom home feel simple and stress-free. Truly incredible result.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg?_wi=1",
|
||||
},
|
||||
{ id: "1", name: "Wayde Kingsley", handle: "@shellstar-client", testimonial: "We were very impressed with how genuine and personable Tristan and his wife Kelly were. They showed their excitement at all stages of the build.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architects-front-brick-wall_23-2147813094.jpg" },
|
||||
{ id: "2", name: "Jody McCombe", handle: "@shellstar-client", testimonial: "Outstanding job on our home. We researched thoroughly through the internet and Ontario Home Builders Association before selecting Shellstar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-sitting-back-back-their-new-home_329181-162.jpg" },
|
||||
{ id: "3", name: "Pat Mullen", handle: "@shellstar-client", testimonial: "I was apprehensive about a custom build from afar, but meeting Tristan and Kelly assured me I was dealing with genuine, quality people.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Our Homeowners"
|
||||
@@ -205,26 +108,8 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a custom build take?",
|
||||
content: "Timelines vary by scope, but we provide a detailed schedule once planning is finalized.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you assist with permitting?",
|
||||
content: "Yes, we handle all municipal permits and architectural approvals.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I bring my own blueprints?",
|
||||
content: "We are happy to work with existing plans or help you design from scratch.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Where do you build?",
|
||||
content: "We serve the greater Ottawa region and surrounding areas.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a custom build take?", content: "Timelines vary by scope, but we provide a detailed schedule once planning is finalized." },
|
||||
{ id: "f2", title: "Do you assist with permitting?", content: "Yes, we handle all municipal permits and architectural approvals." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -232,32 +117,29 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Build?"
|
||||
title="Start Your Journey Today"
|
||||
description="Have a vision for your custom home? Let's discuss your project and bring your dream to reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "(613) 831-9041",
|
||||
href: "tel:6138319041",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@shellstarhomes.com",
|
||||
},
|
||||
{ text: "(613) 831-9041", href: "tel:6138319041" },
|
||||
{ text: "Contact Us", href: "mailto:info@shellstarhomes.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Shellstar Homes"
|
||||
copyrightText="© 2025 | Shellstar Homes Construction"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Custom Builds" }, { label: "Consulting" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram" }, { label: "Facebook" }, { label: "Email Us" }] }
|
||||
]}
|
||||
bottomLeftText="© 2025 Shellstar Homes Construction"
|
||||
bottomRightText="Ottawa, ON"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user