Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 84bf0c5941 | |||
| 84da179996 | |||
| 54d69047e7 | |||
| 279e038dd0 | |||
| cb4490f245 | |||
| d88f80bb4a | |||
| ddff6f9bfb | |||
| 2342ffd0b2 | |||
| c30fdec2c9 |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Cormorant_Garamond, Bebas_Neue, DM_Sans } from "next/font/google";
|
||||
|
||||
@@ -32,7 +31,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${cormorant.variable} ${bebas.variable} ${dmSans.variable} antialiased`}>
|
||||
<Tag />
|
||||
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
346
src/app/page.tsx
346
src/app/page.tsx
@@ -17,270 +17,110 @@ 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="Trusted by Thousands"
|
||||
description="The gold standard in home maintenance."
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000a18;
|
||||
--primary-cta: #c5a059;
|
||||
--background: #02040a;
|
||||
--card: #0a0f1e;
|
||||
--foreground: #e0f2fe;
|
||||
--primary-cta: #06b6d4;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #000a18;
|
||||
--secondary-cta: #1e293b;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #c5a059;
|
||||
--background-accent: #000a18;
|
||||
--accent: #0891b2;
|
||||
--background-accent: #0c4a6e;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user