Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
207
src/app/page.tsx
207
src/app/page.tsx
@@ -30,75 +30,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pro Timber"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Premium Timber Flooring Architectural Precision"
|
||||
description="100 luxury floors installed across Melbourne. Fully licensed, insured, and 5-star rated. Transform your home with premium hardwood craftsmanship that reflects true quality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Free Measure & Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Free Measure & Quote", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695773.jpg",
|
||||
imageAlt: "Luxurious Timber Floor",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-leaf-organic-background_23-2148872835.jpg",
|
||||
imageAlt: "Expert Carpenter",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-with-clothes-living-room-high-angle_23-2149363769.jpg",
|
||||
imageAlt: "Minimalist Room",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-armchair-wooden-stand_23-2148238567.jpg",
|
||||
imageAlt: "Hardwood Flooring",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-background-wood-detai_23-2148210091.jpg",
|
||||
imageAlt: "Professional Tool",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-bathroom-design_23-2151962349.jpg",
|
||||
imageAlt: "Craftsmanship Detail",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695773.jpg", imageAlt: "Luxurious Timber Floor" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-leaf-organic-background_23-2148872835.jpg", imageAlt: "Expert Carpenter" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/chair-with-clothes-living-room-high-angle_23-2149363769.jpg", imageAlt: "Minimalist Room" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-armchair-wooden-stand_23-2148238567.jpg", imageAlt: "Hardwood Flooring" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/decorative-background-wood-detai_23-2148210091.jpg", imageAlt: "Professional Tool" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-bathroom-design_23-2151962349.jpg", imageAlt: "Craftsmanship Detail" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,12 +62,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Timber Craftsmanship"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Our Standards",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn About Our Standards", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,21 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Architectural Precision",
|
||||
description: "Every plank is measured and cut with absolute accuracy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site-home-renovation-concept_169016-7323.jpg",
|
||||
},
|
||||
{
|
||||
title: "Licensed & Insured",
|
||||
description: "Fully compliant and protected for your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-wood-his-workshop_23-2148640336.jpg",
|
||||
},
|
||||
{
|
||||
title: "Timeless Aesthetics",
|
||||
description: "Premium hardwood that ages beautifully with your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-activity-table-interior-restaurant_1122-2027.jpg",
|
||||
},
|
||||
{ title: "Architectural Precision", description: "Every plank is measured and cut with absolute accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site-home-renovation-concept_169016-7323.jpg" },
|
||||
{ title: "Licensed & Insured", description: "Fully compliant and protected for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-wood-his-workshop_23-2148640336.jpg" },
|
||||
{ title: "Timeless Aesthetics", description: "Premium hardwood that ages beautifully with your home.", imageSrc: "http://img.b2bpic.net/free-photo/empty-activity-table-interior-restaurant_1122-2027.jpg" }
|
||||
]}
|
||||
title="Why Choose Pro Timber"
|
||||
description="We blend architectural precision with luxury materials to redefine spaces."
|
||||
@@ -149,42 +87,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "European Oak",
|
||||
price: "From $150/sqm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-2848.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Black Butt Select",
|
||||
price: "From $180/sqm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-rustic-wooden-stage-with-spotlight_84443-82384.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Walnut Matte",
|
||||
price: "From $220/sqm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418579.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Herringbone",
|
||||
price: "From $250/sqm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chevron-wood-texture-warm-parquet-background-modern-interior_169016-68886.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Light Oak Plank",
|
||||
price: "From $160/sqm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-pieces-arrangement-atelier_23-2149441911.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dark Walnut Luxury",
|
||||
price: "From $280/sqm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exotic-hardwood-grain-close-up_84443-73111.jpg",
|
||||
},
|
||||
{ id: "p1", name: "European Oak", price: "From $150/sqm", imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-2848.jpg" },
|
||||
{ id: "p2", name: "Black Butt Select", price: "From $180/sqm", imageSrc: "http://img.b2bpic.net/free-photo/dark-rustic-wooden-stage-with-spotlight_84443-82384.jpg" },
|
||||
{ id: "p3", name: "Walnut Matte", price: "From $220/sqm", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418579.jpg" },
|
||||
{ id: "p4", name: "Classic Herringbone", price: "From $250/sqm", imageSrc: "http://img.b2bpic.net/free-photo/chevron-wood-texture-warm-parquet-background-modern-interior_169016-68886.jpg" },
|
||||
{ id: "p5", name: "Light Oak Plank", price: "From $160/sqm", imageSrc: "http://img.b2bpic.net/free-photo/wood-pieces-arrangement-atelier_23-2149441911.jpg" },
|
||||
{ id: "p6", name: "Dark Walnut Luxury", price: "From $280/sqm", imageSrc: "http://img.b2bpic.net/free-photo/exotic-hardwood-grain-close-up_84443-73111.jpg" }
|
||||
]}
|
||||
title="Our Signature Timber Range"
|
||||
description="Selected premium hardwoods for the most discerning homeowners."
|
||||
@@ -196,13 +104,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Studio Architecture",
|
||||
"Modern Build Co",
|
||||
"Luxury Design Group",
|
||||
"Elite Renovations",
|
||||
"The Timber Guild",
|
||||
"Craftsman Collective",
|
||||
"Premium Builds PTY",
|
||||
"Studio Architecture", "Modern Build Co", "Luxury Design Group", "Elite Renovations", "The Timber Guild", "Craftsman Collective", "Premium Builds PTY"
|
||||
]}
|
||||
title="Trusted by Industry Professionals"
|
||||
description="Collaborating with Melbourne's leading architects and designers."
|
||||
@@ -215,46 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Exceptional craftsmanship and attention to detail. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095767.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael B.",
|
||||
handle: "Architect",
|
||||
testimonial: "The precision is unmatched. My go-to for luxury projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-making-presentation-virtual-classroom_23-2149200220.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "Renovation Lead",
|
||||
testimonial: "Professional, on-time, and stunning finish. Total transformation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-members-brainstrom-together-informal-meeting_273609-28644.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "Interior Designer",
|
||||
testimonial: "The timber quality exceeded our client's expectations completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane P.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Best renovation experience. The floors look magnificent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "Homeowner", testimonial: "Exceptional craftsmanship and attention to detail. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-with-crossed-arms_23-2148095767.jpg" },
|
||||
{ id: "t2", name: "Michael B.", handle: "Architect", testimonial: "The precision is unmatched. My go-to for luxury projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-making-presentation-virtual-classroom_23-2149200220.jpg" },
|
||||
{ id: "t3", name: "Emily R.", handle: "Renovation Lead", testimonial: "Professional, on-time, and stunning finish. Total transformation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-members-brainstrom-together-informal-meeting_273609-28644.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "Interior Designer", testimonial: "The timber quality exceeded our client's expectations completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg" },
|
||||
{ id: "t5", name: "Jane P.", handle: "Homeowner", testimonial: "Best renovation experience. The floors look magnificent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -265,9 +132,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Project Journey"
|
||||
description="Contact us today for a professional measure and custom quote tailored to your architectural vision."
|
||||
@@ -279,14 +144,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Pro Timber Flooring"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user