bender/510e3697-03fb-4e6d-9a89-ade2ef5130ba
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

10 Commits
version_2 ... main

Author SHA1 Message Date
bender
c1588d358d Merge version_4 into main 
Merge version_4 into main
 2026-04-01 02:32:34 +00:00
bender
84bf0c5941 Remove watermark 2026-04-01 02:32:28 +00:00
bender
95d0fb25cc Merge version_4 into main 
Merge version_4 into main
 2026-04-01 02:25:22 +00:00
bender
84da179996 Update src/app/page.tsx 2026-04-01 02:25:18 +00:00
bender
57974d9f51 Merge version_4 into main 
Merge version_4 into main
 2026-04-01 02:24:53 +00:00
bender
54d69047e7 Update src/app/styles/variables.css 2026-04-01 02:24:49 +00:00
bender
279e038dd0 Update src/app/page.tsx 2026-04-01 02:24:49 +00:00
bender
cb4490f245 Merge version_3 into main 
Merge version_3 into main
 2026-04-01 00:24:26 +00:00
bender
d88f80bb4a Update src/app/page.tsx 2026-04-01 00:24:23 +00:00
bender
ddff6f9bfb Merge version_2 into main 
Merge version_2 into main
 2026-04-01 00:23:43 +00:00
3 changed files with 102 additions and 166 deletions
Expand all files Collapse all files

3
src/app/layout.tsx
View File

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import "@/lib/gsap-setup"; import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Cormorant_Garamond, Bebas_Neue, DM_Sans } from "next/font/google"; import { Cormorant_Garamond, Bebas_Neue, DM_Sans } from "next/font/google";
@@ -32,7 +31,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${cormorant.variable} ${bebas.variable} ${dmSans.variable} antialiased`}> <body className={`${cormorant.variable} ${bebas.variable} ${dmSans.variable} antialiased`}>
<Tag />
{children} {children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{

249
src/app/page.tsx
View File

@@ -17,173 +17,110 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="pill"
contentWidth="small" contentWidth="mediumLarge"
sizing="largeSizeMediumTitles" sizing="largeSizeMediumTitles"
background="none" background="noise"
cardStyle="subtle-shadow" cardStyle="glass-depth"
primaryButtonStyle="primary-glow" primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="glass"
headingFontWeight="medium" headingFontWeight="extrabold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Services", id: "services" },
name: "Services", id: "services"}, { name: "Process", id: "about" },
{ { name: "Testimonials", id: "testimonials" },
name: "Process", id: "why-us"}, { name: "Contact", id: "contact" },
{ ]}
name: "Testimonials", id: "testimonials"}, brandName="Sawtooth Research"
{ button={{ text: "Get Access", href: "#contact" }}
name: "Contact", id: "contact"}, />
]} </div>
brandName="Master Plumbing"
button={{
text: "Get Quote", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{ variant: "rotated-rays-animated" }}
variant: "rotated-rays-static"}} title="Architecting the Next Molecular Frontier."
title="Mastery in Every Pipe." description="Pioneering deep-tech research solutions at the intersection of peptide chemistry and advanced computational modeling."
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: "Explore Research", href: "#services" }]}
buttons={[ carouselItems={Array.from({ length: 6 }).map((_, i) => ({
{ id: `${i + 1}`,
text: "Book Assessment", href: "#contact"}, imageSrc: `http://img.b2bpic.net/free-photo/abstract-biotech-network.jpg?_wi=${i + 1}`,
]} imageAlt: "Molecular visualization"
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"}, </div>
{
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="social-proof" data-section="social-proof"> <div id="social-proof" data-section="social-proof">
<SocialProofOne <SocialProofOne
textboxLayout="default" names={["BioTech Global", "Quantum Labs", "SynthCell", "Genomics Core", "Molecular Dynamics", "NanoStructures"]}
useInvertedBackground={false} title="Trusted by Industry Pioneers"
names={[ description="Powering breakthrough discoveries across global research networks."
"Licensed", "Insured", "24/7 Emergency", "Guaranteed Work", "Family Owned", "Eco Friendly", "Expert Team"]} useInvertedBackground={true}
title="Trusted by Thousands" textboxLayout="default"
description="The gold standard in home maintenance." />
/> </div>
</div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardSixteen <FeatureCardSixteen
animationType="slide-up" negativeCard={{ items: ["Peptide Sequencing", "Structural Analysis", "Sequence Alignment"] }}
textboxLayout="split" positiveCard={{ items: ["Computational Modeling", "Neural Network Training", "Automated Synthesis"] }}
useInvertedBackground={false} animationType="depth-3d"
negativeCard={{ title="Precision Research Grid"
items: [ description="Modular, high-throughput research architecture designed to accelerate development cycles."
"Kitchen Remodeling", "Leak Detection", "Full Pipe Repiping"], textboxLayout="split"
}} useInvertedBackground={false}
positiveCard={{ />
items: [ </div>
"Emergency Plumbing", "Drain Cleaning", "Water Heater Installation"],
}}
title="Our Professional Services"
description="Comprehensive solutions tailored for luxury estates and modern homes."
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
useInvertedBackground={false} title="Redefining Peptide Visualization"
title="A Legacy of Excellence" buttons={[{ text: "Our Philosophy", href: "#contact" }]}
buttons={[ useInvertedBackground={true}
{ />
text: "Learn About Our 25 Years", href: "#contact"}, </div>
]}
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSix <TestimonialCardSix
animationType="slide-up" animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ title="Research Perspectives"
{ description="Insights from our partners in the field."
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"}, testimonials={[
{ { id: "1", name: "Dr. Aris Vane", handle: "@avane", testimonial: "The precision of the Sawtooth framework is unparalleled in computational biochemistry." },
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: "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." }
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"}, </div>
{
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="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} title="Initiate Research Partnership"
title="Request Your 24/7 Priority Visit" description="Connect with our lead research scientists to discuss your molecular modeling project."
description="Speak with our master technicians today." inputs={[
inputs={[ { name: "name", type: "text", placeholder: "Full Name" },
{ { name: "email", type: "email", placeholder: "Institutional Email" }
name: "name", type: "text", placeholder: "Your Name"}, ]}
{ textarea={{ name: "message", placeholder: "Project scope and technical requirements" }}
name: "email", type: "email", placeholder: "Email Address"}, useInvertedBackground={true}
{ />
name: "phone", type: "tel", placeholder: "Phone Number"}, </div>
]}
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="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="Master Plumbing" logoText="Sawtooth Research"
columns={[ columns={[
{ { title: "Research", items: [{ label: "Labs", href: "#" }, { label: "Publications", href: "#" }] },
title: "Company", items: [ { title: "Platform", items: [{ label: "API", href: "#" }, { label: "Security", href: "#" }] },
{ { title: "Legal", items: [{ label: "Compliance", href: "#" }, { label: "Ethics", href: "#" }] }
label: "About Us", href: "#about"}, ]}
{ />
label: "Services", href: "#services"}, </div>
],
},
{
title: "Support", items: [
{
label: "Contact", href: "#contact"},
{
label: "Emergency", href: "#contact"},
],
},
{
title: "Legal", items: [
{
label: "License #12345", href: "#"},
{
label: "Privacy", href: "#"},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #ffffff; --background: #02040a;
--card: #f9f9f9; --card: #0a0f1e;
--foreground: #000a18; --foreground: #e0f2fe;
--primary-cta: #c5a059; --primary-cta: #06b6d4;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #000a18; --secondary-cta: #1e293b;
--secondary-cta-text: #ffffff; --secondary-cta-text: #ffffff;
--accent: #c5a059; --accent: #0891b2;
--background-accent: #000a18; --background-accent: #0c4a6e;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);