|
|
|
|
@@ -17,174 +17,111 @@ export default function LandingPage() {
|
|
|
|
|
defaultButtonVariant="expand-hover"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
contentWidth="small"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="subtle-shadow"
|
|
|
|
|
background="noise"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
primaryButtonStyle="primary-glow"
|
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Services", id: "services"},
|
|
|
|
|
{
|
|
|
|
|
name: "Process", id: "why-us"},
|
|
|
|
|
{
|
|
|
|
|
name: "Testimonials", id: "testimonials"},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
]}
|
|
|
|
|
brandName="Master Plumbing"
|
|
|
|
|
button={{
|
|
|
|
|
text: "Get Quote", href: "#contact"}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
|
{ name: "Process", id: "about" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Sawtooth Research"
|
|
|
|
|
button={{ text: "Get Access", href: "#contact" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardRotatedCarousel
|
|
|
|
|
background={{
|
|
|
|
|
variant: "rotated-rays-static"}}
|
|
|
|
|
title="Mastery in Every Pipe."
|
|
|
|
|
description="Professional, licensed, and insured plumbing services for the discerning homeowner. Providing reliable 24/7 care across the region for over 25 years."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Book Assessment", href: "#contact"},
|
|
|
|
|
]}
|
|
|
|
|
carouselItems={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg?_wi=1", imageAlt: "Plumbing service"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg?_wi=2", imageAlt: "Plumbing service"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg?_wi=3", imageAlt: "Plumbing service"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg?_wi=4", imageAlt: "Plumbing service"},
|
|
|
|
|
{
|
|
|
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg?_wi=5", imageAlt: "Plumbing service"},
|
|
|
|
|
{
|
|
|
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg?_wi=6", imageAlt: "Plumbing service"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardRotatedCarousel
|
|
|
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
|
|
|
title="Architecting the Next Molecular Frontier."
|
|
|
|
|
description="Pioneering deep-tech research solutions at the intersection of peptide chemistry and advanced computational modeling."
|
|
|
|
|
buttons={[{ text: "Explore Research", href: "#services" }]}
|
|
|
|
|
carouselItems={Array.from({ length: 6 }).map((_, i) => ({
|
|
|
|
|
id: `${i + 1}`,
|
|
|
|
|
imageSrc: `http://img.b2bpic.net/free-photo/abstract-biotech-network.jpg?_wi=${i + 1}`,
|
|
|
|
|
imageAlt: "Molecular visualization"
|
|
|
|
|
}))}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
|
|
|
<SocialProofOne
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
names={[
|
|
|
|
|
"Licensed", "Insured", "24/7 Emergency", "Guaranteed Work", "Family Owned", "Eco Friendly", "Expert Team"]}
|
|
|
|
|
title="Why Homeowners Trust Us"
|
|
|
|
|
description="Serving our community with 25 years of expert experience and unwavering dedication to quality."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
|
|
|
<SocialProofOne
|
|
|
|
|
names={["BioTech Global", "Quantum Labs", "SynthCell", "Genomics Core", "Molecular Dynamics", "NanoStructures"]}
|
|
|
|
|
title="Trusted by Industry Pioneers"
|
|
|
|
|
description="Powering breakthrough discoveries across global research networks."
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardSixteen
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
negativeCard={{
|
|
|
|
|
items: [
|
|
|
|
|
"Kitchen Remodeling", "Leak Detection", "Full Pipe Repiping"],
|
|
|
|
|
}}
|
|
|
|
|
positiveCard={{
|
|
|
|
|
items: [
|
|
|
|
|
"Emergency Plumbing", "Drain Cleaning", "Water Heater Installation"],
|
|
|
|
|
}}
|
|
|
|
|
title="Our Professional Services"
|
|
|
|
|
description="Comprehensive solutions tailored for luxury estates and modern homes."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardSixteen
|
|
|
|
|
negativeCard={{ items: ["Peptide Sequencing", "Structural Analysis", "Sequence Alignment"] }}
|
|
|
|
|
positiveCard={{ items: ["Computational Modeling", "Neural Network Training", "Automated Synthesis"] }}
|
|
|
|
|
animationType="depth-3d"
|
|
|
|
|
title="Precision Research Grid"
|
|
|
|
|
description="Modular, high-throughput research architecture designed to accelerate development cycles."
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextAbout
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="A Legacy of Excellence"
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Learn About Our 25 Years", href: "#contact"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextAbout
|
|
|
|
|
title="Redefining Peptide Visualization"
|
|
|
|
|
buttons={[{ text: "Our Philosophy", href: "#contact" }]}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardSix
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "John Doe", handle: "@johndoe", testimonial: "The gold standard in plumbing. Prompt, clean, and extremely professional.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adults-spending-quality-moments-together_23-2149117559.jpg?_wi=1"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Jane Smith", handle: "@janesmith", testimonial: "Saved us during a midnight emergency. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg?_wi=1"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Mike Brown", handle: "@mikeb", testimonial: "Incredible attention to detail on our remodeling project.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-builder-holding-blank-board_171337-18083.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Emily White", handle: "@ewhite", testimonial: "Professional, reliable, and family-owned feel. Great service.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adults-spending-quality-moments-together_23-2149117559.jpg?_wi=2"},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Exceptional communication throughout the entire repair process.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg?_wi=2"},
|
|
|
|
|
]}
|
|
|
|
|
title="What Our Clients Say"
|
|
|
|
|
description="Luxury service, reliable results."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardSix
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Research Perspectives"
|
|
|
|
|
description="Insights from our partners in the field."
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Dr. Aris Vane", handle: "@avane", testimonial: "The precision of the Sawtooth framework is unparalleled in computational biochemistry." },
|
|
|
|
|
{ id: "2", name: "Elena Thorne", handle: "@ethorne", testimonial: "Transformed our lead optimization workflow overnight." },
|
|
|
|
|
{ id: "3", name: "Marcus Chen", handle: "@mchen", testimonial: "Exceptional structural clarity and throughput." }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplitForm
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Get Your Free Assessment"
|
|
|
|
|
description="Speak with our master technicians today."
|
|
|
|
|
inputs={[
|
|
|
|
|
{
|
|
|
|
|
name: "name", type: "text", placeholder: "Your Name"},
|
|
|
|
|
{
|
|
|
|
|
name: "email", type: "email", placeholder: "Email Address"},
|
|
|
|
|
{
|
|
|
|
|
name: "phone", type: "tel", placeholder: "Phone Number"},
|
|
|
|
|
]}
|
|
|
|
|
textarea={{
|
|
|
|
|
name: "message", placeholder: "Describe your plumbing issue"}}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-mechanic-work_23-2148480413.jpg"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplitForm
|
|
|
|
|
title="Initiate Research Partnership"
|
|
|
|
|
description="Connect with our lead research scientists to discuss your molecular modeling project."
|
|
|
|
|
inputs={[
|
|
|
|
|
{ name: "name", type: "text", placeholder: "Full Name" },
|
|
|
|
|
{ name: "email", type: "email", placeholder: "Institutional Email" }
|
|
|
|
|
]}
|
|
|
|
|
textarea={{ name: "message", placeholder: "Project scope and technical requirements" }}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseCard
|
|
|
|
|
logoText="Master Plumbing"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "About Us", href: "#about"},
|
|
|
|
|
{
|
|
|
|
|
label: "Services", href: "#services"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Support", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "Contact", href: "#contact"},
|
|
|
|
|
{
|
|
|
|
|
label: "Emergency", href: "#contact"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "License #12345", href: "#"},
|
|
|
|
|
{
|
|
|
|
|
label: "Privacy", href: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseCard
|
|
|
|
|
logoText="Sawtooth Research"
|
|
|
|
|
columns={[
|
|
|
|
|
{ title: "Research", items: [{ label: "Labs", href: "#" }, { label: "Publications", href: "#" }] },
|
|
|
|
|
{ title: "Platform", items: [{ label: "API", href: "#" }, { label: "Security", href: "#" }] },
|
|
|
|
|
{ title: "Legal", items: [{ label: "Compliance", href: "#" }, { label: "Ethics", href: "#" }] }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
