From e3669ad48deb2552ef25b3d6657c3a38c53e746b Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Tue, 28 Jan 2025 11:22:28 -0500 Subject: [PATCH] Featues page --- components/sections/MermsFeatureSection4.js | 76 +++++ components/sections/MermsFeaturesSection1.js | 76 +++++ pages/features.js | 306 ++++++------------- 3 files changed, 238 insertions(+), 220 deletions(-) create mode 100644 components/sections/MermsFeatureSection4.js create mode 100644 components/sections/MermsFeaturesSection1.js diff --git a/components/sections/MermsFeatureSection4.js b/components/sections/MermsFeatureSection4.js new file mode 100644 index 0000000..22a0bb2 --- /dev/null +++ b/components/sections/MermsFeatureSection4.js @@ -0,0 +1,76 @@ + + + + +export default function MermsFeatureSection4 (){ + + return ( + <> +
+
+ {/* SECTION CONTENT (ROW) */} +
+ {/* TEXT BLOCK */} +
+
+ {/* CONTENT BOX #1 */} +
+ {/* Icon */} +
+
1
+ +
+ {/* Text */} +
+
Simple, Secure & Intuitive
+

Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus + sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula + quaerat +

+
+
{/* END CONTENT BOX #1 */} + {/* CONTENT BOX #2 */} +
+ {/* Icon */} +
+
2
+ +
+ {/* Text */} +
+
Weekly Email Reports
+

Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus + sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula + quaerat +

+
+
{/* END CONTENT BOX #2 */} + {/* CONTENT BOX #3 */} +
+ {/* Icon */} +
+
3
+
+ {/* Text */} +
+
No Personal Data Collected
+

Ligula risus auctor tempus feugiat dolor lacinia nemo purus in + lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n + eque ligula quaerat +

+
+
{/* END CONTENT BOX #3 */} +
+
{/* END TEXT BLOCK */} + {/* IMAGE BLOCK */} +
+
+ content-image +
+
+
{/* END SECTION CONTENT (ROW) */} +
{/* End container */} +
{/* END TEXT CONTENT */} + + ) +} \ No newline at end of file diff --git a/components/sections/MermsFeaturesSection1.js b/components/sections/MermsFeaturesSection1.js new file mode 100644 index 0000000..fa20dab --- /dev/null +++ b/components/sections/MermsFeaturesSection1.js @@ -0,0 +1,76 @@ + + +export default function MermsFeaturesSection1(){ + + return ( + <> +
+
+ {/* SECTION TITLE */} +
+
+
+ {/* Title */} +

Everything in One Place

+ {/* Text */} +

Ligula risus auctor tempus magna feugiat lacinia.

+
+
+
+ {/* FEATURES-2 WRAPPER */} +
+
+ {/* FEATURE BOX #1 */} +
+
+ {/* Image */} +
+ feature-image + feature-image +
+ {/* Text */} +
+
Intuitive Dashboard
+

Luctus egestas augue undo ultrice aliquam in lacus congue dapibus

+
+
+
{/* END FEATURE BOX #1 */} + {/* FEATURE BOX #2 */} +
+
+ {/* Image */} +
+ feature-image + feature-image +
+ {/* Text */} +
+
Effortless Integration
+

Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat

+
+
+
{/* END FEATURE BOX #2 */} + {/* FEATURE BOX #3 */} +
+
+ {/* Image */} +
+ feature-image + feature-image +
+ {/* Text */} +
+
Real-time Analytics
+

Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus

+
+
+
{/* END FEATURE BOX #3 */} +
{/* End row */} +
{/* END FEATURES-2 WRAPPER */} +
{/* End container */} +
{/* END FEATURES-2 */} + +
+ + ) +} \ No newline at end of file diff --git a/pages/features.js b/pages/features.js index d9fb73f..572f2e4 100644 --- a/pages/features.js +++ b/pages/features.js @@ -4,52 +4,115 @@ import Layout from "../components/layout/Layout" import Link from "next/link" import MermsAboutFeautures from "../components/sections/MermsAboutFeautures"; import MermsBanner from "../components/sections/MermsBanner"; +import MermsFeatureSection4 from "../components/sections/MermsFeatureSection4"; +import MermsFeaturesSection1 from "../components/sections/MermsFeaturesSection1"; export default function Home() { return ( <>
-
+
{/* SECTION CONTENT (ROW) */}
+ {/* IMAGE BLOCK */} +
+
+ content-image +
+
{/* TEXT BLOCK */} -
-
+
+
{/* Section ID */} - Productivity Focused + Strategies That Work {/* Title */} -

Achieve more with better workflows

+

Right strategies & implementations

{/* Text */}

Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit

- {/* List */} -
    -
  • -

    Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice - ipsum aliquam undo congue dolor cursus + {/* Small Title */} +

    Get more done in less time
    + {/* CONTENT BOX #1 */} +
    +
    +
    +
    +
    +

    Magna dolor luctus at egestas sapien

    +
    +
    + {/* CONTENT BOX #2 */} +
    +
    +
    +
    +
    +

    Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien + turpis ultrice auctor congue varius magnis

    -
    • -
  • -

    Cursus purus suscipit vitae cubilia magnis volute egestas vitae - sapien turpis ultrice auctor congue placerat -

    -
    • -
+
+
+ {/* CONTENT BOX #3 */} +
+
+
+
+
+

Volute turpis dolores and sagittis congue

+
+
{/* END TEXT BLOCK */} - {/* IMAGE BLOCK */} -
-
- content-image -
-
{/* END SECTION CONTENT (ROW) */}
{/* End container */}
{/* END TEXT CONTENT */} + + + + {/*
*/} + {/*
*/} + {/* /!* SECTION CONTENT (ROW) *!/*/} + {/*
*/} + {/* /!* TEXT BLOCK *!/*/} + {/*
*/} + {/*
*/} + {/* /!* Section ID *!/*/} + {/* Productivity Focused*/} + {/* /!* Title *!/*/} + {/*

Achieve more with better workflows

*/} + {/* /!* Text *!/*/} + {/*

Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis*/} + {/* vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit*/} + {/*

*/} + {/* /!* List *!/*/} + {/*
    */} + {/*
  • */} + {/*

    Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice*/} + {/* ipsum aliquam undo congue dolor cursus*/} + {/*

    */} + {/*
    • */} + {/*
  • */} + {/*

    Cursus purus suscipit vitae cubilia magnis volute egestas vitae*/} + {/* sapien turpis ultrice auctor congue placerat*/} + {/*

    */} + {/*
    • */} + {/*
*/} + {/*
*/} + {/*
/!* END TEXT BLOCK *!/*/} + {/* /!* IMAGE BLOCK *!/*/} + {/*
*/} + {/*
*/} + {/* content-image*/} + {/*
*/} + {/*
*/} + {/*
/!* END SECTION CONTENT (ROW) *!/*/} + {/*
/!* End container *!/*/} + {/*
/!* END TEXT CONTENT *!/*/} +
@@ -260,207 +323,10 @@ export default function Home() {
{/* End row */} {/* End container */} {/* END FEATURES-12 */} - {/* FEATURES-2 - ============================================= */} -
-
- {/* SECTION TITLE */} -
-
-
- {/* Title */} -

Everything in One Place

- {/* Text */} -

Ligula risus auctor tempus magna feugiat lacinia.

-
-
-
- {/* FEATURES-2 WRAPPER */} -
-
- {/* FEATURE BOX #1 */} -
-
- {/* Image */} -
- feature-image - feature-image -
- {/* Text */} -
-
Intuitive Dashboard
-

Luctus egestas augue undo ultrice aliquam in lacus congue dapibus

-
-
-
{/* END FEATURE BOX #1 */} - {/* FEATURE BOX #2 */} -
-
- {/* Image */} -
- feature-image - feature-image -
- {/* Text */} -
-
Effortless Integration
-

Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat

-
-
-
{/* END FEATURE BOX #2 */} - {/* FEATURE BOX #3 */} -
-
- {/* Image */} -
- feature-image - feature-image -
- {/* Text */} -
-
Real-time Analytics
-

Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus

-
-
-
{/* END FEATURE BOX #3 */} -
{/* End row */} -
{/* END FEATURES-2 WRAPPER */} -
{/* End container */} -
{/* END FEATURES-2 */}
- - -
-
- {/* SECTION CONTENT (ROW) */} -
- {/* TEXT BLOCK */} -
-
- {/* CONTENT BOX #1 */} -
- {/* Icon */} -
-
1
- -
- {/* Text */} -
-
Simple, Secure & Intuitive
-

Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus - sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula - quaerat -

-
-
{/* END CONTENT BOX #1 */} - {/* CONTENT BOX #2 */} -
- {/* Icon */} -
-
2
- -
- {/* Text */} -
-
Weekly Email Reports
-

Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus - sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula - quaerat -

-
-
{/* END CONTENT BOX #2 */} - {/* CONTENT BOX #3 */} -
- {/* Icon */} -
-
3
-
- {/* Text */} -
-
No Personal Data Collected
-

Ligula risus auctor tempus feugiat dolor lacinia nemo purus in - lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n - eque ligula quaerat -

-
-
{/* END CONTENT BOX #3 */} -
-
{/* END TEXT BLOCK */} - {/* IMAGE BLOCK */} -
-
- content-image -
-
-
{/* END SECTION CONTENT (ROW) */} -
{/* End container */} -
{/* END TEXT CONTENT */} - {/* TEXT CONTENT - ============================================= */} -
-
- {/* SECTION CONTENT (ROW) */} -
- {/* IMAGE BLOCK */} -
-
- content-image -
-
- {/* TEXT BLOCK */} -
-
- {/* Section ID */} - Strategies That Work - {/* Title */} -

Right strategies & implementations

- {/* Text */} -

Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis - vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit -

- {/* Small Title */} -
Get more done in less time
- {/* CONTENT BOX #1 */} -
-
-
-
-
-

Magna dolor luctus at egestas sapien

-
-
- {/* CONTENT BOX #2 */} -
-
-
-
-
-

Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien - turpis ultrice auctor congue varius magnis -

-
-
- {/* CONTENT BOX #3 */} -
-
-
-
-
-

Volute turpis dolores and sagittis congue

-
-
-
-
{/* END TEXT BLOCK */} -
{/* END SECTION CONTENT (ROW) */} -
{/* End container */} -
{/* END TEXT CONTENT */} - - - - )