Merge version_1 into main #1
192
src/app/page.tsx
192
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Claude AI"
|
||||
/>
|
||||
@@ -51,64 +45,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Intelligence that understands."
|
||||
description="Experience the next evolution of conversational AI with a fluid, liquid-glass interface designed for seamless interaction."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-abstract-neon-led-light-effect_53876-108131.jpg"
|
||||
imageAlt="Claude AI Liquid Glass Interface"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-guy-looking-someone_23-2148311252.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-guy-looking-someone_23-2148311252.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-elder-woman-kitchen-waving-tablet_23-2148419313.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-elder-woman-kitchen-waving-tablet_23-2148419313.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyous-teenager-filming-content-online-streaming-channel_482257-118955.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyous-teenager-filming-content-online-streaming-channel_482257-118955.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/relaxed-woman-sitting-sofa-with-digital-tablet_329181-834.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/relaxed-woman-sitting-sofa-with-digital-tablet_329181-834.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/world-aids-day-awareness-illustration_23-2151882188.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/world-aids-day-awareness-illustration_23-2151882188.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Next-Gen AI",
|
||||
},
|
||||
type: "text", text: "Next-Gen AI"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-124180.jpg",
|
||||
alt: "Feature 1",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-124180.jpg", alt: "Feature 1"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Liquid Glass Design",
|
||||
},
|
||||
type: "text", text: "Liquid Glass Design"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-flowing-gradient-waves-blue-purple_84443-75015.jpg",
|
||||
alt: "Feature 2",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-flowing-gradient-waves-blue-purple_84443-75015.jpg", alt: "Feature 2"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Context",
|
||||
},
|
||||
type: "text", text: "High Context"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,24 +97,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Contextual Mastery",
|
||||
description: "Claude understands nuance, tone, and complex reasoning in every interaction.",
|
||||
},
|
||||
title: "Contextual Mastery", description: "Claude understands nuance, tone, and complex reasoning in every interaction."},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Advanced Coding",
|
||||
description: "Write, debug, and optimize complex software with an AI that speaks your language.",
|
||||
},
|
||||
title: "Advanced Coding", description: "Write, debug, and optimize complex software with an AI that speaks your language."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Safety First",
|
||||
description: "Engineered with foundational safety protocols for reliable, responsible output.",
|
||||
},
|
||||
title: "Safety First", description: "Engineered with foundational safety protocols for reliable, responsible output."},
|
||||
]}
|
||||
title="Features that redefine."
|
||||
description="Harness powerful capabilities to elevate your productivity and creative work."
|
||||
@@ -159,23 +123,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Response Speed",
|
||||
value: "45ms",
|
||||
},
|
||||
id: "m1", icon: Zap,
|
||||
title: "Response Speed", value: "45ms"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Lightbulb,
|
||||
title: "Context Window",
|
||||
value: "200k",
|
||||
},
|
||||
id: "m2", icon: Lightbulb,
|
||||
title: "Context Window", value: "200k"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle2,
|
||||
title: "Accuracy",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "m3", icon: CheckCircle2,
|
||||
title: "Accuracy", value: "99.9%"},
|
||||
]}
|
||||
title="Performance metrics."
|
||||
description="Quantifiable impact for every project."
|
||||
@@ -184,49 +139,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex River",
|
||||
handle: "@ariver",
|
||||
testimonial: "Claude has completely transformed how I approach creative writing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-workaholic_1098-13344.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex River", handle: "@ariver", testimonial: "Claude has completely transformed how I approach creative writing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-workaholic_1098-13344.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "The reasoning capabilities are miles ahead of competitors.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-portrait_23-2151998016.jpg",
|
||||
},
|
||||
id: "t2", name: "Jamie Lee", handle: "@jlee", testimonial: "The reasoning capabilities are miles ahead of competitors.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-portrait_23-2151998016.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Frost",
|
||||
handle: "@samf",
|
||||
testimonial: "Seamless integration and intuitive interface, simply brilliant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134201.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam Frost", handle: "@samf", testimonial: "Seamless integration and intuitive interface, simply brilliant.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134201.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanp",
|
||||
testimonial: "Unparalleled speed and accuracy in every single query.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-having-videoconference_23-2147859216.jpg",
|
||||
},
|
||||
id: "t4", name: "Jordan P.", handle: "@jordanp", testimonial: "Unparalleled speed and accuracy in every single query.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-having-videoconference_23-2147859216.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Morgan D.",
|
||||
handle: "@mdaw",
|
||||
testimonial: "Essential for my daily research tasks, absolutely reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hand-pressing-screen_53876-101866.jpg",
|
||||
},
|
||||
id: "t5", name: "Morgan D.", handle: "@mdaw", testimonial: "Essential for my daily research tasks, absolutely reliable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hand-pressing-screen_53876-101866.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted globally."
|
||||
@@ -239,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is Claude different?",
|
||||
content: "Claude excels in long-context reasoning and human-like nuance.",
|
||||
},
|
||||
id: "f1", title: "How is Claude different?", content: "Claude excels in long-context reasoning and human-like nuance."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data private?",
|
||||
content: "Security is our top priority; your data is encrypted.",
|
||||
},
|
||||
id: "f2", title: "Is my data private?", content: "Security is our top priority; your data is encrypted."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I integrate Claude?",
|
||||
content: "Yes, via our robust API for your specific needs.",
|
||||
},
|
||||
id: "f3", title: "Can I integrate Claude?", content: "Yes, via our robust API for your specific needs."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Find answers to the most common queries about Claude."
|
||||
@@ -267,20 +189,12 @@ export default function LandingPage() {
|
||||
description="Start building your future with Claude today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us about your project..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colorful-gradient-background-with-neon-led-light_53876-108148.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -290,29 +204,19 @@ export default function LandingPage() {
|
||||
logoText="Claude AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
label: "API", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user