Merge version_2 into main #2
@@ -10,8 +10,8 @@ import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Axion Studio - Design Agency',
|
||||
description: 'Axion Studio crafts digital experiences for brands ready to dominate their category online. Explore our strategy-led creative work.',
|
||||
title: 'Five Star Painting LTD - Professional Painting Services',
|
||||
description: 'Five Star Painting LTD offers professional interior, exterior, and commercial painting services. Quality craftsmanship, exceptional results, and a commitment to customer satisfaction. Contact us for a free estimate.',
|
||||
openGraph: {
|
||||
"title": "Axion Studio - Design Agency",
|
||||
"description": "Axion Studio crafts digital experiences for brands ready to dominate their category online. Explore our strategy-led creative work.",
|
||||
|
||||
186
src/app/page.tsx
186
src/app/page.tsx
@@ -9,7 +9,9 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, Sparkles } from "lucide-react";
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import { Award, Sparkles, Paintbrush, Home, Building2, Workflow } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,15 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Projects", id: "#case-studies"},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Studio", id: "#about"},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "About Us", id: "#about-us"},
|
||||
{
|
||||
name: "Contact", id: "#contact"}
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-design-y2k-logo-template_23-2150544171.jpg"
|
||||
logoAlt="Axion Studio logo"
|
||||
brandName="Axion Studio"
|
||||
logoSrc="http://img.b2bpic.net/free-vector/paint-brush-logo-design-template_561265-102.jpg"
|
||||
logoAlt="Five Star Painting LTD logo"
|
||||
brandName="Five Star Painting LTD"
|
||||
button={{
|
||||
text: "Book a strategy call", href: "#"}}
|
||||
text: "Call Now", href: "tel:+14034660327"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,89 +52,97 @@ export default function LandingPage() {
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="We craft digital experiences"
|
||||
description="for brands ready to dominate their category online."
|
||||
title="Five Star Painting LTD: Experience the Difference"
|
||||
description="Professional painting services for homes and businesses. Quality work, every time."
|
||||
kpis={[
|
||||
{
|
||||
value: "200+", label: "Clients"},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+", label: "Projects"},
|
||||
value: "1000+", label: "Projects Completed"},
|
||||
{
|
||||
value: "10+", label: "Awards"},
|
||||
value: "5-Star", label: "Customer Rating"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Axion Studio"
|
||||
tag="Five Star Painting LTD"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a project", href: "#"},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-geometric-texture-background_23-2151966075.jpg"
|
||||
imageAlt="Abstract creative background"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/painter-with-paint-roller-working_23-2148760074.jpg"
|
||||
imageAlt="Professional painter at work"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg", alt: "Profile of a professional designer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-632052.jpg", alt: "Profile of a creative director"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-business-male-with-laptop_23-2148479543.jpg", alt: "Profile of a marketing specialist"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Profile of a branding expert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg", alt: "Profile of a lead developer"},
|
||||
]}
|
||||
avatarText="Join our growing list of success stories"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Brand Strategy"},
|
||||
type: "text", text: "Interior Painting"},
|
||||
{
|
||||
type: "text", text: "UI/UX Design"},
|
||||
type: "text", text: "Exterior Painting"},
|
||||
{
|
||||
type: "text", text: "Web Development"},
|
||||
type: "text", text: "Commercial Projects"},
|
||||
{
|
||||
type: "text", text: "Digital Marketing"},
|
||||
type: "text", text: "Residential Services"},
|
||||
{
|
||||
type: "text", text: "Creative Direction"},
|
||||
type: "text", text: "Deck & Fence Staining"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Comprehensive Painting Services"
|
||||
description="From meticulous interior work to durable exterior coatings, we cover all your painting needs with excellence."
|
||||
features={[
|
||||
{
|
||||
title: "Interior Painting", description: "Transform your living spaces with fresh colors and professional finishes. We handle everything from prep to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/house-interior-view-from-top-floor_23-2148687796.jpg", imageAlt: "Interior painted room"
|
||||
},
|
||||
{
|
||||
title: "Exterior Painting", description: "Protect and beautify your home's exterior with our high-quality, weather-resistant paints and expert application.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-green-garden_23-2148784865.jpg", imageAlt: "Exterior painted house"
|
||||
},
|
||||
{
|
||||
title: "Commercial Painting", description: "Minimize disruption and maximize impact with our efficient and professional commercial painting solutions.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-architectural-detail_23-2148281057.jpg", imageAlt: "Commercial building exterior"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-us" data-section="about-us">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Strategy-led creatives, delivering results in digital and beyond."
|
||||
title="Committed to Excellence in Every Brushstroke"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years in Business", value: "12"},
|
||||
label: "Years in Business", value: "15"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Successful Projects", value: "500+"},
|
||||
label: "Successful Projects", value: "1000+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards", value: "10+"},
|
||||
label: "Customer Satisfaction", value: "5-Star"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="case-studies" data-section="case-studies">
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "narrativ", title: "Narrativ", author: "Client Success", description: "Winner of Site of the Month 2025 - an interactive 3D showcase driving record engagement", tags: [],
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260516_122702_390f5305-8719-41d5-ae80-d23ab3796c28.mp4", videoAriaLabel: "Narrativ project video"
|
||||
id: "residential-interior", title: "Residential Interior Makeover", author: "Client Project", description: "Complete interior painting for a modern family home, creating bright and inviting spaces.", tags: ["Interior", "Residential", "Modern"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-interior-view-from-top-floor_23-2148687796.jpg", imageAlt: "Residential Interior Painting Project"
|
||||
},
|
||||
{
|
||||
id: "luminar", title: "Luminar", author: "Client Success", description: "Transforming a dated platform into a conversion-focused brand experience", tags: [],
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260516_123323_f909c2b8-ff6c-4edf-882b-ebcdbe389b5.mp4", videoAriaLabel: "Luminar project video"
|
||||
id: "commercial-exterior", title: "Commercial Exterior Revitalization", author: "Client Project", description: "A fresh, durable coat for a local business, enhancing curb appeal and protection.", tags: ["Exterior", "Commercial", "Durability"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-green-garden_23-2148784865.jpg", imageAlt: "Commercial Exterior Painting Project"
|
||||
}
|
||||
]}
|
||||
title="Our projects"
|
||||
description="Explore our featured client work, delivering impactful digital experiences."
|
||||
title="Our Recent Painting Projects"
|
||||
description="Browse through our portfolio of transformative interior and exterior painting work."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,43 +151,35 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What our partners say"
|
||||
description="Hear directly from the clients who've trusted us to bring their vision to life."
|
||||
title="Hear From Our Happy Clients"
|
||||
description="Our clients consistently rave about our professionalism, quality, and attention to detail."
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1", name: "Sarah Chen", role: "Marketing Director", company: "Innovate Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/various-types-code-logo-flat-design_23-2148821508.jpg", imageAlt: "Avatar of Sarah Chen"
|
||||
id: "testimonial-1", name: "John D.", role: "Homeowner", company: "Calgary", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-man-isolated-white_23-2148768798.jpg", imageAlt: "Avatar of John D."
|
||||
},
|
||||
{
|
||||
id: "testimonial-2", name: "Michael Wong", role: "CEO", company: "FutureTech Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/designer-elements-background_1172-580.jpg", imageAlt: "Avatar of Michael Wong"
|
||||
id: "testimonial-2", name: "Sarah P.", role: "Business Owner", company: "Calgary", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-businesswoman-sitting-desk-with-crossed-hands-isolated-white-background_1418-2041.jpg", imageAlt: "Avatar of Sarah P."
|
||||
},
|
||||
{
|
||||
id: "testimonial-3", name: "Emily Rodriguez", role: "Brand Manager", company: "Global Brands Inc.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-workplace_23-2147548083.jpg", imageAlt: "Avatar of Emily Rodriguez"
|
||||
id: "testimonial-3", name: "Emily R.", role: "Property Manager", company: "Calgary", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-isolated-yellow-wall_23-2148704206.jpg", imageAlt: "Avatar of Emily R."
|
||||
},
|
||||
{
|
||||
id: "testimonial-4", name: "David Lee", role: "Founder", company: "Velocity Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/graphic-designer-infographic-template_1172-39.jpg", imageAlt: "Avatar of David Lee"
|
||||
},
|
||||
{
|
||||
id: "testimonial-5", name: "Jessica Kim", role: "Product Lead", company: "Apex Digital", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13675.jpg", imageAlt: "Avatar of Jessica Kim"
|
||||
},
|
||||
{
|
||||
id: "testimonial-6", name: "Robert Johnson", role: "CTO", company: "Streamline SaaS", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_52683-118916.jpg", imageAlt: "Avatar of Robert Johnson"
|
||||
id: "testimonial-4", name: "David L.", role: "Condo Owner", company: "Calgary", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-businessman-sitting-desk_1098-13768.jpg", imageAlt: "Avatar of David L."
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%", label: "Client Retention"
|
||||
value: "99%", label: "Satisfaction Rate"
|
||||
},
|
||||
{
|
||||
value: "250+", label: "Projects Launched"
|
||||
value: "15+", label: "Years of Service"
|
||||
},
|
||||
{
|
||||
value: "4.9/5", label: "Average Rating"
|
||||
value: "A+", label: "BBB Rating"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -183,34 +189,60 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by industry leaders"
|
||||
description="We've had the privilege of partnering with a diverse range of companies, from startups to established enterprises."
|
||||
title="Trusted by Homeowners & Businesses"
|
||||
description="We've built a reputation for reliable, high-quality painting services across the region."
|
||||
names={[
|
||||
"Innovate Corp", "FutureTech Solutions", "Global Brands Inc.", "Velocity Ventures", "Apex Digital", "Streamline SaaS", "Pioneer Group"
|
||||
"Residential Clients", "Commercial Partners", "Property Managers", "Local Businesses", "Renovation Companies"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get in Touch"
|
||||
title="Ready for a Fresh Coat?"
|
||||
description="Contact us today for a free estimate or to discuss your painting project. Call us at +1 403 466 0327."
|
||||
tagIcon={Paintbrush}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-typing-phone-with-paint-splatters_23-2148821033.jpg"
|
||||
imageAlt="Person using phone with paint splatters"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-design-y2k-logo-template_23-2150544171.jpg"
|
||||
logoAlt="Axion Studio logo"
|
||||
logoSrc="http://img.b2bpic.net/free-vector/paint-brush-logo-design-template_561265-102.jpg"
|
||||
logoAlt="Five Star Painting LTD logo"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Projects", href: "#case-studies"
|
||||
label: "Services", href: "#services"
|
||||
},
|
||||
{
|
||||
label: "Studio", href: "#about"
|
||||
label: "Projects", href: "#projects"
|
||||
},
|
||||
{
|
||||
label: "Journal", href: "#"
|
||||
label: "About Us", href: "#about-us"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "#contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Phone: +1 403 466 0327", href: "tel:+14034660327"
|
||||
},
|
||||
{
|
||||
label: "Email: info@fivestarpainting.ltd", href: "mailto:info@fivestarpainting.ltd"
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
@@ -220,10 +252,10 @@ export default function LandingPage() {
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Axion Studio"
|
||||
logoText="Five Star Painting LTD"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user