bender/4c5afa5b-a144-4b97-b641-d896622c257e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 12:20:38 +00:00
parent 868ab2a2ea
commit ff49423192
1 changed files with 91 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

324
src/app/page.tsx
View File

@@ -25,245 +25,103 @@ export default function LandingPage() {
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "About", id: "/about" },
id: "/", { name: "Plans", id: "/plans" },
}, { name: "Contact", id: "/contact" },
{ ]}
name: "About", brandName="SHARK DEVELOPER"
id: "/about", />
}, </div>
{
name: "Plans",
id: "/plans",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="SHARK DEVELOPER"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
background={{ background={{ variant: "glowing-orb" }}
variant: "glowing-orb", title="Build the Future with SHARK DEVELOPER"
}} description="Premium web agency specializing in cinematic tech and AI-powered solutions."
title="Build the Future with SHARK DEVELOPER" testimonials={[
description="Premium web agency specializing in cinematic tech and AI-powered solutions." { name: "Alex D", handle: "@alex", testimonial: "Truly incredible design work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg" },
testimonials={[ { name: "Sarah P", handle: "@sarah", testimonial: "Best agency in the ocean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg" },
{ { name: "Mark J", handle: "@mark", testimonial: "Cinematic quality every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg" },
name: "Alex D", { name: "Elena R", handle: "@elena", testimonial: "Stunning results, highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg" },
handle: "@alex", { name: "Chris B", handle: "@chris", testimonial: "Shark Developer changed our game.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
testimonial: "Truly incredible design work.", ]}
rating: 5, buttons={[{ text: "Get Started", href: "/plans" }]}
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageSrc="http://img.b2bpic.net/free-photo/fantasy-shark-illustration_23-2151561350.jpg"
}, mediaAnimation="blur-reveal"
{ avatars={[
name: "Sarah P", { src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Client 1" },
handle: "@sarah", { src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg", alt: "Client 2" },
testimonial: "Best agency in the ocean.", { src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", alt: "Client 3" },
rating: 5, { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Client 4" },
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg", { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", alt: "Client 5" },
}, ]}
{ marqueeItems={[
name: "Mark J", { type: "text", text: "AI INTEGRATION" },
handle: "@mark", { type: "text", text: "RESPONSIVE UI" },
testimonial: "Cinematic quality every time.", { type: "text", text: "PERFORMANCE AUDIT" },
rating: 5, { type: "text", text: "SECURE PAYMENT" },
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg", { type: "text", text: "GLOBAL REACH" },
}, ]}
{ />
name: "Elena R", </div>
handle: "@elena",
testimonial: "Stunning results, highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
},
{
name: "Chris B",
handle: "@chris",
testimonial: "Shark Developer changed our game.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
},
]}
buttons={[
{
text: "Get Started",
href: "/plans",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/fantasy-shark-illustration_23-2151561350.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
alt: "Client 5",
},
]}
marqueeItems={[
{
type: "text",
text: "AI INTEGRATION",
},
{
type: "text",
text: "RESPONSIVE UI",
},
{
type: "text",
text: "PERFORMANCE AUDIT",
},
{
type: "text",
text: "SECURE PAYMENT",
},
{
type: "text",
text: "GLOBAL REACH",
},
]}
/>
</div>
<div id="socialProof" data-section="socialProof"> <div id="socialProof" data-section="socialProof">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Trusted by Industry Leaders" title="Trusted by Industry Leaders"
description="We partner with top-tier organizations to deliver high-impact results." description="We partner with top-tier organizations to deliver high-impact results."
names={[ names={["Fintech Solutions", "Blue Ocean Media", "AI Robotics", "Shark Tank Labs", "Data Stream Inc"]}
"Fintech Solutions", />
"Blue Ocean Media", </div>
"AI Robotics",
"Shark Tank Labs",
"Data Stream Inc",
]}
/>
</div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardTwo <TeamCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
title="Meet Our Elite Team" title="Meet Our Elite Team"
description="Experts in design, development, and AI-driven growth." description="Experts in design, development, and AI-driven growth."
members={[ members={[
{ { id: "member-1", name: "Sarah J.", role: "Lead Architect", description: "10+ years of UI/UX expertise.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg" },
id: "member-1", { id: "member-2", name: "Marcus R.", role: "Full Stack Dev", description: "Expert in high-scale systems.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg" },
name: "Sarah J.", ]}
role: "Lead Architect", />
description: "10+ years of UI/UX expertise.", </div>
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
},
{
id: "member-2",
name: "Marcus R.",
role: "Full Stack Dev",
description: "Expert in high-scale systems.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",
},
]}
/>
</div>
<div id="metric" data-section="metric"> <div id="metric" data-section="metric">
<MetricCardEleven <MetricCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Performance at a Glance" title="Performance at a Glance"
description="Tangible results for your business needs." description="Tangible results for your business needs."
metrics={[ metrics={[
{ { id: "m1", value: "150%", title: "Growth", description: "Client traffic increase.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg" },
id: "m1", { id: "m2", value: "50ms", title: "Speed", description: "Average response time.", imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg" },
value: "150%", ]}
title: "Growth", />
description: "Client traffic increase.", </div>
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg",
},
{
id: "m2",
value: "50ms",
title: "Speed",
description: "Average response time.",
imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-tablet-connected-laptop_23-2149119251.jpg",
},
]}
/>
</div>
<div id="ecommerce" data-section="ecommerce"> <div id="ecommerce" data-section="ecommerce">
<ProductCatalog /> <ProductCatalog layout="page" />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
items: [ { items: [{ label: "Services", href: "/plans" }, { label: "Book Now", href: "/contact" }] },
{ { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
label: "Home", ]}
href: "/", logoText="SHARK DEVELOPER"
}, />
{ </div>
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Services",
href: "/plans",
},
{
label: "Book Now",
href: "/contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="SHARK DEVELOPER"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );