diff --git a/public/images/noble/checkmark.svg b/public/images/noble/checkmark.svg new file mode 100644 index 0000000..7f4f65f --- /dev/null +++ b/public/images/noble/checkmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/noble/coverage-map.svg b/public/images/noble/coverage-map.svg new file mode 100644 index 0000000..005339e --- /dev/null +++ b/public/images/noble/coverage-map.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/noble/dot-background.svg b/public/images/noble/dot-background.svg new file mode 100644 index 0000000..16b4fa7 --- /dev/null +++ b/public/images/noble/dot-background.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/noble/facebook-icon.svg b/public/images/noble/facebook-icon.svg new file mode 100644 index 0000000..28bd74a --- /dev/null +++ b/public/images/noble/facebook-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/noble/hero-illustration.svg b/public/images/noble/hero-illustration.svg new file mode 100644 index 0000000..d01761d --- /dev/null +++ b/public/images/noble/hero-illustration.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/images/noble/how-it-works-box-1.png b/public/images/noble/how-it-works-box-1.png new file mode 100644 index 0000000..40ec515 Binary files /dev/null and b/public/images/noble/how-it-works-box-1.png differ diff --git a/public/images/noble/how-it-works-box-2.png b/public/images/noble/how-it-works-box-2.png new file mode 100644 index 0000000..40ec515 Binary files /dev/null and b/public/images/noble/how-it-works-box-2.png differ diff --git a/public/images/noble/how-it-works-box-3.png b/public/images/noble/how-it-works-box-3.png new file mode 100644 index 0000000..40ec515 Binary files /dev/null and b/public/images/noble/how-it-works-box-3.png differ diff --git a/public/images/noble/instagram-icon.svg b/public/images/noble/instagram-icon.svg new file mode 100644 index 0000000..36f4bb3 --- /dev/null +++ b/public/images/noble/instagram-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/noble/noble-logo-footer.svg b/public/images/noble/noble-logo-footer.svg new file mode 100644 index 0000000..a7cbd3a --- /dev/null +++ b/public/images/noble/noble-logo-footer.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/images/noble/noble-logo.svg b/public/images/noble/noble-logo.svg new file mode 100644 index 0000000..9d5ad12 --- /dev/null +++ b/public/images/noble/noble-logo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/images/noble/phone-illustration.svg b/public/images/noble/phone-illustration.svg new file mode 100644 index 0000000..c5a221f --- /dev/null +++ b/public/images/noble/phone-illustration.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/noble/quote-left.svg b/public/images/noble/quote-left.svg new file mode 100644 index 0000000..7958c41 --- /dev/null +++ b/public/images/noble/quote-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/noble/quote-right.svg b/public/images/noble/quote-right.svg new file mode 100644 index 0000000..5846e12 --- /dev/null +++ b/public/images/noble/quote-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/noble/ripped-paper-divider.png b/public/images/noble/ripped-paper-divider.png new file mode 100644 index 0000000..5a49fd3 Binary files /dev/null and b/public/images/noble/ripped-paper-divider.png differ diff --git a/public/images/noble/tiktok-icon.svg b/public/images/noble/tiktok-icon.svg new file mode 100644 index 0000000..119290a --- /dev/null +++ b/public/images/noble/tiktok-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/noble/user-jordan.svg b/public/images/noble/user-jordan.svg new file mode 100644 index 0000000..7c2b0ea --- /dev/null +++ b/public/images/noble/user-jordan.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/images/noble/user-mike.svg b/public/images/noble/user-mike.svg new file mode 100644 index 0000000..cef0942 --- /dev/null +++ b/public/images/noble/user-mike.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/public/images/noble/x-icon.svg b/public/images/noble/x-icon.svg new file mode 100644 index 0000000..e3619e0 --- /dev/null +++ b/public/images/noble/x-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/noble/youtube-icon.svg b/public/images/noble/youtube-icon.svg new file mode 100644 index 0000000..7ba6fb5 --- /dev/null +++ b/public/images/noble/youtube-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/pages/figma-1.tsx b/src/pages/figma-1.tsx new file mode 100644 index 0000000..410b165 --- /dev/null +++ b/src/pages/figma-1.tsx @@ -0,0 +1,371 @@ +import React from "react"; +import Image from "next/image"; +import { Button } from "@/components/ui/button"; + +export default function Figma1Page() { + return ( +
+ {/* Hero Section */} +
+ {/* Dot Background */} +
+ +
+ + {/* Header */} +
+ +
+ + {/* Hero Content */} +
+

+ GET PAID TO USE
YOUR PHONE LESS. +

+

+ The first mobile plan to give you money back for unused data. +

+ +
+ + {/* Hero Illustration */} +
+ +
+ + {/* Phone Illustration */} +
+ +
+
+ + {/* Benefits Section */} +
+
+
+ +

+ Unlimited 5G data powered with the T-Mobile Network +

+
+
+ +

+ Cash back for data you don't use +

+
+
+ +

+ Your first month is free +

+
+
+

+ All for only $50 a month +

+
+ + {/* Testimonials Section */} +
+
+ {/* Testimonial 1 */} +
+
+ + customer testimonials + +
+
+ Jordan +
+

+ this network
is way better
than verizon +

+

+ JORDAN
NOBLE USER SINCE AUGUST 2025 +

+ + +
+ + {/* Testimonial 2 */} +
+
+ + customer testimonials + +
+
+ Mike +
+

+ noble pays me
cash each month
for unused data +

+

+ MIKE
NOBLE USER SINCE JUNE 2025 +

+ + +
+
+
+ + {/* Coverage Map Section */} +
+
+ Coverage Map +
+
+ + {/* How It Works Section */} +
+

+ How it works +

+

+ UNLIMITED DATA WHEN YOU NEED IT, CASH WHEN YOU DON'T. +

+

+ With Noble, you get an unlimited plan on the nation's most reliable 5G network, and the less data you use, the more cash back you get. Use your phone less, and save even more. +

+ + {/* How It Works Steps */} +
+ {/* Step 1 */} +
+
+ 1 +
+
+

+ sign up
in TWO
minutes +

+
+
+ + {/* Step 2 */} +
+
+ 2 +
+
+

+ DO WHAT
YOU DO +

+
+
+ + {/* Step 3 */} +
+
+ 3 +
+
+

+ $$$ FOR
UNUSED
DATA +

+
+
+
+ +
+ +
+
+ + {/* Footer Section */} +
+ {/* Ripped Paper Divider */} +
+ +
+ + +
+
+ ); +}