Merge version_1_1782147035476 into main #2
@@ -5,218 +5,121 @@ import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import HeroBrand from '@/components/sections/hero/HeroBrand';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
|
||||
import { Building, Star, User, Users } from "lucide-react";
|
||||
import { Building, Star, User, Users, DraftingCompass } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBrand
|
||||
brand="Sewahia Celampung"
|
||||
description="Providing premier integrated infrastructure and construction solutions across Lampung."
|
||||
primaryButton={{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-woman-checking-construction-plan_23-2148252080.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Sewahia Celampung"
|
||||
description="Providing premier integrated infrastructure and construction solutions across Lampung."
|
||||
primaryButton={{ text: "Our Services", href: "#features" }}
|
||||
secondaryButton={{ text: "Learn More", href: "#about" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-woman-checking-construction-plan_23-2148252080.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Built on Excellence and Integrity"
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Built on Excellence and Integrity"
|
||||
primaryButton={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Expertise"
|
||||
title="Comprehensive Solutions"
|
||||
description="We specialize in delivering robust infrastructure tailored to your unique requirements."
|
||||
features={[
|
||||
{
|
||||
title: "Planning",
|
||||
description: "Strategic development and project design.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: DraftingCompass,
|
||||
label: "Accuracy",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Expert Team",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
label: "Projects",
|
||||
value: "100+",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-talking_23-2149006917.jpg",
|
||||
imageAlt: "professional business team meeting",
|
||||
},
|
||||
{
|
||||
title: "Construction",
|
||||
description: "High-quality engineering execution.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-checking-construction-plan_23-2148252080.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-architects-looking-plan_23-2147702511.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-hands-white-table-with-documents-drafts_176420-344.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg?_wi=1",
|
||||
imageAlt: "professional business team meeting",
|
||||
},
|
||||
{
|
||||
title: "Consulting",
|
||||
description: "Professional guidance at every phase.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Need project advice?",
|
||||
aiResponse: "Our experts are ready to assist you today.",
|
||||
},
|
||||
],
|
||||
placeholder: "Get expert consultation...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg?_wi=1",
|
||||
imageAlt: "professional business team meeting",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expertise"
|
||||
title="Comprehensive Solutions"
|
||||
description="We specialize in delivering robust infrastructure tailored to your unique requirements."
|
||||
features={[
|
||||
{
|
||||
title: "Planning", description: "Strategic development and project design.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "DraftingCompass", label: "Accuracy", value: "99%" },
|
||||
{ icon: "Users", label: "Expert Team", value: "50+" },
|
||||
{ icon: "Building", label: "Projects", value: "100+" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Construction", description: "High-quality engineering execution.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-woman-checking-construction-plan_23-2148252080.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-architects-looking-plan_23-2147702511.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessmen-hands-white-table-with-documents-drafts_176420-344.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Consulting", description: "Professional guidance at every phase.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [
|
||||
{ userMessage: "Need project advice?", aiResponse: "Our experts are ready to assist you today." },
|
||||
],
|
||||
placeholder: "Get expert consultation..."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Performance"
|
||||
title="Why Choose Us"
|
||||
description="Data-driven results for your projects."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
description: "Satisfied Clients",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
description: "Success Rate",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Performance"
|
||||
title="Why Choose Us"
|
||||
description="Data-driven results for your projects."
|
||||
metrics={[
|
||||
{ value: "15+", description: "Years of Experience" },
|
||||
{ value: "500+", description: "Satisfied Clients" },
|
||||
{ value: "98%", description: "Success Rate" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
items={[
|
||||
{
|
||||
question: "What areas do you serve?",
|
||||
answer: "We serve the entirety of Lampung province.",
|
||||
},
|
||||
{
|
||||
question: "How can I request a quote?",
|
||||
answer: "Simply fill out our contact form and our team will get in touch.",
|
||||
},
|
||||
{
|
||||
question: "Do you handle small projects?",
|
||||
answer: "We manage projects of all scales with equal commitment.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
items={[
|
||||
{ question: "What areas do you serve?", answer: "We serve the entirety of Lampung province." },
|
||||
{ question: "How can I request a quote?", answer: "Simply fill out our contact form and our team will get in touch." },
|
||||
{ question: "Do you handle small projects?", answer: "We manage projects of all scales with equal commitment." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Proof"
|
||||
title="What Clients Say"
|
||||
description="Trust earned through consistent performance."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Budi Santoso",
|
||||
role: "CEO",
|
||||
quote: "Exceptional service and timely project delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
name: "Siti Aminah",
|
||||
role: "Director",
|
||||
quote: "Professional team with great communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
name: "Andi Wijaya",
|
||||
role: "Project Manager",
|
||||
quote: "The best infrastructure partner in Lampung.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dewi Sartika",
|
||||
role: "Developer",
|
||||
quote: "High commitment and attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
|
||||
},
|
||||
{
|
||||
name: "Rahmat Hidayat",
|
||||
role: "Consultant",
|
||||
quote: "Reliable experts who exceed expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Proof"
|
||||
title="What Clients Say"
|
||||
description="Trust earned through consistent performance."
|
||||
testimonials={[
|
||||
{ name: "Budi Santoso", role: "CEO", quote: "Exceptional service and timely project delivery.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg" },
|
||||
{ name: "Siti Aminah", role: "Director", quote: "Professional team with great communication.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg" },
|
||||
{ name: "Andi Wijaya", role: "Project Manager", quote: "The best infrastructure partner in Lampung.", imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg" },
|
||||
{ name: "Dewi Sartika", role: "Developer", quote: "High commitment and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg" },
|
||||
{ name: "Rahmat Hidayat", role: "Consultant", quote: "Reliable experts who exceed expectations.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to bring your project to life?"
|
||||
primaryButton={{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@sewahiacelampung.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View All Services",
|
||||
href: "#features",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get Started"
|
||||
text="Ready to bring your project to life?"
|
||||
primaryButton={{ text: "Contact Us Now", href: "mailto:info@sewahiacelampung.com" }}
|
||||
secondaryButton={{ text: "View All Services", href: "#features" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user