Merge version_1 into main #3
163
src/app/page.tsx
163
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Building2, CheckCircle, ListChecks, Sparkles, Wrench, Waves } from "lucide-react";
|
||||
import { Building2, CheckCircle, ListChecks, Sparkles, Wrench, Waves, Tool } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Southern Star"
|
||||
/>
|
||||
@@ -47,51 +43,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Built Properly. Built To Last."
|
||||
description="Trusted Sydney builders delivering high-quality renovations, construction and transformation projects with honest workmanship and attention to detail."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317328.jpg", imageAlt: "Modern construction"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-entryway-with-interior-designed-furniture_23-2150791074.jpg", imageAlt: "Finished luxury renovation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-yellow-helmet-drawing-tools-bluep_1232-1726.jpg", imageAlt: "Construction site"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283248.jpg", imageAlt: "Interior finish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317235.jpg", imageAlt: "Builder site detail"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317328.jpg", imageAlt: "Modern construction" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-entryway-with-interior-designed-furniture_23-2150791074.jpg", imageAlt: "Finished luxury renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-yellow-helmet-drawing-tools-bluep_1232-1726.jpg", imageAlt: "Construction site" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283248.jpg", imageAlt: "Interior finish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317235.jpg", imageAlt: "Builder site detail" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692205.jpg", imageAlt: "Modern renovation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-construction_23-2148230387.jpg", imageAlt: "Architectural build"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207727.jpg", imageAlt: "Luxury home interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-arranging-his-desk-with-tools_23-2148242947.jpg", imageAlt: "Builder tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concrete-building-clear-sky-seen-through-window_250224-77.jpg", imageAlt: "Renovation transformation"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692205.jpg", imageAlt: "Modern renovation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-construction_23-2148230387.jpg", imageAlt: "Architectural build" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207727.jpg", imageAlt: "Luxury home interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architect-arranging-his-desk-with-tools_23-2148242947.jpg", imageAlt: "Builder tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/concrete-building-clear-sky-seen-through-window_250224-77.jpg", imageAlt: "Renovation transformation" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call 0403 561 799", href: "tel:0403561799"},
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
{ text: "Call 0403 561 799", href: "tel:0403561799" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg", alt: "Client profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-holding-screwdriver-new-home-mouth-lips-shut-as-zip-with-fingers-secret-silent-taboo-talking_839833-5351.jpg", alt: "Client profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg", alt: "Client profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-5140.jpg", alt: "Client profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg", alt: "Client profile 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg", alt: "Client profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-holding-screwdriver-new-home-mouth-lips-shut-as-zip-with-fingers-secret-silent-taboo-talking_839833-5351.jpg", alt: "Client profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg", alt: "Client profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-5140.jpg", alt: "Client profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg", alt: "Client profile 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Sydney families"
|
||||
/>
|
||||
@@ -103,15 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Home Renovations", description: "Complete transformation of existing residential spaces with attention to detail.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Balcony Transformations", description: "High-quality balcony builds and refurbishments for modern living.", bentoComponent: "reveal-icon", icon: Waves,
|
||||
},
|
||||
{
|
||||
title: "Interior Construction", description: "Precision interior framing and structural work.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{ title: "Home Renovations", description: "Complete transformation of existing residential spaces with attention to detail.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Balcony Transformations", description: "High-quality balcony builds and refurbishments for modern living.", bentoComponent: "reveal-icon", icon: Waves },
|
||||
{ title: "Interior Construction", description: "Precision interior framing and structural work.", bentoComponent: "reveal-icon", icon: Tool },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Expert construction and transformation services designed for the modern Sydney home."
|
||||
@@ -135,18 +107,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Balcony Transformation", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/architect-working-blueprints-her-desk-working-new-projects-architecture-design_482257-33181.jpg"},
|
||||
{
|
||||
id: "p2", name: "Modern Interior Build", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-hand-holding-small-house-model-pencil-blueprint_23-2148203980.jpg"},
|
||||
{
|
||||
id: "p3", name: "Concrete Foundation", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/view-city-from-bridge_23-2149186626.jpg"},
|
||||
{
|
||||
id: "p4", name: "Full Renovation", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2491.jpg"},
|
||||
{
|
||||
id: "p5", name: "Architectural Detail", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-wall_23-2148106977.jpg"},
|
||||
{
|
||||
id: "p6", name: "Outdoor Improvement", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/serious-african-american-lady-safety-helmet-standing-near-model-building-table_23-2148039867.jpg"},
|
||||
{ id: "p1", name: "Balcony Transformation", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/architect-working-blueprints-her-desk-working-new-projects-architecture-design_482257-33181.jpg" },
|
||||
{ id: "p2", name: "Modern Interior Build", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-hand-holding-small-house-model-pencil-blueprint_23-2148203980.jpg" },
|
||||
{ id: "p3", name: "Concrete Foundation", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/view-city-from-bridge_23-2149186626.jpg" },
|
||||
{ id: "p4", name: "Full Renovation", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2491.jpg" },
|
||||
{ id: "p5", name: "Architectural Detail", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-wall_23-2148106977.jpg" },
|
||||
{ id: "p6", name: "Outdoor Improvement", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/serious-african-american-lady-safety-helmet-standing-near-model-building-table_23-2148039867.jpg" },
|
||||
]}
|
||||
title="Project Showcase"
|
||||
description="A glimpse of our recent work and amazing transformations."
|
||||
@@ -157,8 +123,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Reliable Local Builders", "On-Time Completion", "Quality Craftsmanship", "Fair Pricing", "Custom Solutions", "Friendly Service"]}
|
||||
names={["Reliable Local Builders", "On-Time Completion", "Quality Craftsmanship", "Fair Pricing", "Custom Solutions", "Friendly Service"]}
|
||||
title="Why Choose Southern Star?"
|
||||
description="5.0 star rated local builders serving Sydney."
|
||||
/>
|
||||
@@ -170,15 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Consultation & Quote", description: "We discuss your vision and provide a transparent, fair quote.", bentoComponent: "reveal-icon", icon: ListChecks,
|
||||
},
|
||||
{
|
||||
title: "Planning & Construction", description: "Expert execution with attention to every structural detail.", bentoComponent: "reveal-icon", icon: Building2,
|
||||
},
|
||||
{
|
||||
title: "Final Premium Finish", description: "We complete the project on time and ensure you are happy.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
{ title: "Consultation & Quote", description: "We discuss your vision and provide a transparent, fair quote.", bentoComponent: "reveal-icon", icon: ListChecks },
|
||||
{ title: "Planning & Construction", description: "Expert execution with attention to every structural detail.", bentoComponent: "reveal-icon", icon: Building2 },
|
||||
{ title: "Final Premium Finish", description: "We complete the project on time and ensure you are happy.", bentoComponent: "reveal-icon", icon: CheckCircle },
|
||||
]}
|
||||
title="Our Simple Process"
|
||||
description="Professional construction delivered in 3 simple steps."
|
||||
@@ -191,16 +150,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", handle: "Homeowner", testimonial: "Amazing transformation of our home, delivered on time.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg"},
|
||||
{
|
||||
id: "t2", name: "Mark D.", handle: "Property Manager", testimonial: "Very friendly and professional service, quality work.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37331.jpg"},
|
||||
{
|
||||
id: "t3", name: "Emily P.", handle: "Homeowner", testimonial: "Excellent quality workmanship at a very reasonable price.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg"},
|
||||
{
|
||||
id: "t4", name: "John K.", handle: "Client", testimonial: "Always gives good practical solutions for difficult jobs.", imageSrc: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg"},
|
||||
{
|
||||
id: "t5", name: "Lisa M.", handle: "Homeowner", testimonial: "Hard-working and reliable local builders.", imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg"},
|
||||
{ id: "t1", name: "Sarah J.", handle: "Homeowner", testimonial: "Amazing transformation of our home, delivered on time.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg" },
|
||||
{ id: "t2", name: "Mark D.", handle: "Property Manager", testimonial: "Very friendly and professional service, quality work.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37331.jpg" },
|
||||
{ id: "t3", name: "Emily P.", handle: "Homeowner", testimonial: "Excellent quality workmanship at a very reasonable price.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-old-man-with-helmet-showing-approval_23-2148269393.jpg" },
|
||||
{ id: "t4", name: "John K.", handle: "Client", testimonial: "Always gives good practical solutions for difficult jobs.", imageSrc: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg" },
|
||||
{ id: "t5", name: "Lisa M.", handle: "Homeowner", testimonial: "Hard-working and reliable local builders.", imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why our clients choose Southern Star."
|
||||
@@ -212,28 +166,21 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "What construction services do you offer?", content: "We offer a wide range of residential services including renovations, extensions, concrete work, and custom solutions."},
|
||||
{
|
||||
id: "q2", title: "Do you provide free quotes?", content: "Yes, we provide free, no-obligation quotes for all our potential clients."},
|
||||
{
|
||||
id: "q3", title: "How quickly can projects begin?", content: "We work to schedule projects promptly and efficiently based on our current capacity and project requirements."},
|
||||
{
|
||||
id: "q4", title: "Are you fully insured?", content: "Yes, we are a fully licensed and insured Sydney-based building company."},
|
||||
{ id: "q1", title: "What construction services do you offer?", content: "We offer a wide range of residential services including renovations, extensions, concrete work, and custom solutions." },
|
||||
{ id: "q2", title: "Do you provide free quotes?", content: "Yes, we provide free, no-obligation quotes for all our potential clients." },
|
||||
{ id: "q3", title: "How quickly can projects begin?", content: "We work to schedule projects promptly and efficiently based on our current capacity and project requirements." },
|
||||
{ id: "q4", title: "Are you fully insured?", content: "Yes, we are a fully licensed and insured Sydney-based building company." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your construction queries."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get Started"
|
||||
title="Ready To Transform Your Space?"
|
||||
description="Get in touch for a free quote today."
|
||||
@@ -246,19 +193,15 @@ export default function LandingPage() {
|
||||
logoText="Southern Star"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "0403 561 799", href: "tel:0403561799"},
|
||||
{
|
||||
label: "Campsie, NSW", href: "#"},
|
||||
title: "Support", items: [
|
||||
{ label: "0403 561 799", href: "tel:0403561799" },
|
||||
{ label: "Campsie, NSW", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -267,4 +210,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user