Merge version_1 into main #2
258
src/app/page.tsx
258
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, Tool, Waves } from "lucide-react";
|
||||
import { Building2, CheckCircle, ListChecks, Sparkles, Wrench, Waves } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Southern Star"
|
||||
/>
|
||||
@@ -56,85 +48,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
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?_wi=1",
|
||||
imageAlt: "Modern construction",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "Finished luxury renovation",
|
||||
},
|
||||
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/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/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-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/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/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/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/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/concrete-building-clear-sky-seen-through-window_250224-77.jpg", imageAlt: "Renovation transformation"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call 0403 561 799",
|
||||
href: "tel:0403561799",
|
||||
},
|
||||
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/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/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/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/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/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"
|
||||
/>
|
||||
@@ -147,28 +104,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Home Renovations",
|
||||
description: "Complete transformation of existing residential spaces with attention to detail.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-concrete-apartment-building_250224-11.jpg",
|
||||
imageAlt: "modern balcony construction",
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317328.jpg?_wi=2",
|
||||
imageAlt: "modern balcony construction",
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-entryway-with-interior-designed-furniture_23-2150791074.jpg?_wi=2",
|
||||
imageAlt: "modern balcony construction",
|
||||
title: "Interior Construction", description: "Precision interior framing and structural work.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -190,44 +132,21 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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: "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: "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: "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: "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."
|
||||
@@ -239,13 +158,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Reliable Local Builders",
|
||||
"On-Time Completion",
|
||||
"Quality Craftsmanship",
|
||||
"Fair Pricing",
|
||||
"Custom Solutions",
|
||||
"Friendly Service",
|
||||
]}
|
||||
"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."
|
||||
/>
|
||||
@@ -258,28 +171,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Consultation & Quote",
|
||||
description: "We discuss your vision and provide a transparent, fair quote.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ListChecks,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378909.jpg",
|
||||
imageAlt: "modern concrete interior luxury",
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317328.jpg?_wi=3",
|
||||
imageAlt: "modern concrete interior luxury",
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-entryway-with-interior-designed-furniture_23-2150791074.jpg?_wi=3",
|
||||
imageAlt: "modern concrete interior luxury",
|
||||
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"
|
||||
@@ -294,40 +192,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -340,29 +213,19 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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>
|
||||
|
||||
@@ -370,8 +233,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Get Started"
|
||||
title="Ready To Transform Your Space?"
|
||||
description="Get in touch for a free quote today."
|
||||
@@ -384,29 +246,19 @@ export default function LandingPage() {
|
||||
logoText="Southern Star"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "0403 561 799",
|
||||
href: "tel:0403561799",
|
||||
},
|
||||
label: "0403 561 799", href: "tel:0403561799"},
|
||||
{
|
||||
label: "Campsie, NSW",
|
||||
href: "#",
|
||||
},
|
||||
label: "Campsie, NSW", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user